JavaScript_Study [ Array ]

2021-10-02 노션페이지,
2021-10-05 노션페이지,
2021-10-06 노션페이지,
2021-10-10 노션페이지,
2021-10-10 노션페이지,
2021-11-17 노션페이지
기록된 노션을 다시 정리

어려웠던 부분

• 배열 객체의 굉장히 많은 메소드의 양
• 모두 알고 있을려고 한 것
• forEach의 문법
• 변수에 함수의 리턴 값을 담는 것과 함수를 담는 것 구분 필요
  • const a = func() or const b = func

Array생성자 함수의 함정

• 매개변수가 1개이고 숫자인 경우 매개변수로 전달된 숫자를 length 값으로 가지는 빈 배열을 생성한다.

const arr = new Array(2);
console.log(arr); // (2) [empty × 2]

배열 요소의 추가와 삭제

• 배열 요소 추가
  arr[1] = 1;
  원하는 인덱스의 할당한다.

• 배열 요소 삭제
  delete numbersArr[2];
  위 방법을 사용했을 때 배열의 요소만 제거하고 빈자리로 나둔다.

배열의 순회

• 객체의 프로퍼티를 순회할 때 for…in 문을 사용한다.

  for…in 문은 배열을 순회하는데 적합하지 않다.
  - 배열 요소뿐만 아니라 불필요한 프로퍼티까지 출력될 수 있다.
  - 요소들의 순서를 보장하지 않는다.

• 배열의 순회에는 forEach 메소드, for 문, for…of 문을 사용하는 것이 좋다.

Array Property

• Array.length : 요소의 개수(배열의 길이)를 나타낸다.
• length 프로퍼티의 값을 현재보다 작게 변경하면 변경된 length 프로퍼티의 값보다 크거나 같은 인덱스에 해당하는 요소는 모두 삭제된다.

const arr = [ 1, 2, 3, 4, 5 ];

// 배열 길이의 명시적 변경
arr.length = 3;
console.log(arr); // (3) [1, 2, 3]

Array Method

• MDN Array페이지
• 들여다 보며 이러한 기능이 있다라고 파악하기

참조: poiemaweb.com