3.2 배열의 생성과 조작

Array 생성자

Array 빈 배열 생성

let case1 = new Array(5);

Array.of 값을 가진 배열 생성

let case1 = new Array.of(5);

Array.from 문자열이나 반복 가능한 객체를 배열로 변환

let e = Array.from('hello');

console.log(e);
// ==============
// 거꾸로 출력 olleh
let e = Array.from('hello');
let res = '';

for (let i = e.length-1; i >= 0; i--) {
  res += e[i];
}

console.log(res);

• 배열은 객체이다. 객체는 속성과 메소드를 가진다,

+ 배열은 어떤 속성이 있고, 어떤 메소드를 가지는가 ?

음수 인덱스 대안

• 자바스크립트는 음수 인덱스를 지원하지 않음(undefined)를 반환함

length 속성 직접 변경

• length를 조정

  let arr = [1, 2, 3, 4, 5];
  console.log("원본:", arr);
  
  arr.length = 3;
  console.log("length를 3으로:", arr);
  
  arr.length = 6;
  console.log("length를 6으로:", arr);
  
  arr.length = 0;
  console.log("length를 0으로:", arr);
  

배열 중간의 빈 공간

• 배열의 큰 인덱스에 값을 할당하면 중간에 빈 슬롯이 생김

• 빈 슬롯은 실제로 프로퍼티가 존재하지 X ⇒ 빈 공간을 피하려면 push나 splice를 이용해 순차적으로 요소 추가

  let sparse = [1, 2, 3];
  sparse[10] = 11;
  
  console.log("배열:", sparse);
  console.log("길이:", sparse.length);
  console.log("sparse[5]:", sparse[5]);
  
  console.log("\\nfor 반복문:");
  for (let i = 0; i < sparse.length; i++) {
    if (i in sparse) { // i in sparse : sparse 안에 i 존재 여부 T/F
      console.log(i, sparse[i]);
    }
  }
  

빈 슬롯 vs undefined

• 빈 슬롯은 프로퍼티가 존재하지 않음 ⇒ in 연산자 false 반환
• undefined 값은 프로퍼티가 존재함 ⇒ in 연산자 true 반환