[JS] 배열

Arrays

• 순서 있는(ordered) 요소들의 집합
• 여러 개의 항목들이 모여있는 리스트라고 할 수 있습니다.
• 생성자 호출 : let arr = new Array();

let arr = new Array();

let arr1 = new Array(1, 2, 3, 4, 5);

let arr2 = new Array(3); //하나의 값만 주게되면 해당 숫자만큼의 크기를 가진 배열이 생성됨


console.log(arr1); // [1, 2, 3, 4, 5]

console.log(arr2); // [undefined, undefined, undefined]

 

• 배열 리터럴 : let arr = [];

let arr = [];

let arr1 = [1, 2, 3, 4, 5];

let arr2 = [3];//대괄호 안에 하나의 값만 넣어주게되면 해당 값 1개만 들어있는 배열이 생성됨


console.log(arr1); // [1, 2, 3, 4, 5]

console.log(arr2); // [3]

 

• 어떤 타입이든 넣을 수 있다.
  • let arr = [true, undefined, 12, 9.999, NaN, null, 'Hi!', []];
• typeof로 배열을 확인하면 Object라고 나온다.
• 배열 명을 이용하면 배열 전체에 접근 가능
  • console.log(arr);

배열 임의 접근

• 배열은 인덱스화되어 있다.
  • 모든 요소에는 상응하는 숫자가 있다.
• 배열의 값에 접근하기
  • 각 개별 요소의 인덱스로 찾는다.
• 모든 배열에는 length가 있다.
  • 항상 최대 인덱스보다 하나 더 큰 값이다.

let arr = [1, 2, 3];

console.log(arr[2]); // 3

console.log(arr[3]); // undefined

console.log(arr[1][0]); // "T"

console.log(arr.length); // 3

 

• 배열의 요소 수정/추가하기

let colors = ['rad', 'orange', 'yellow']

colors[1] = 'red'; // 수정

colors[10] = 'purple'; // 추가

console.log(colors); // ['red', 'orange', 'yellow', *empty x 7*, 'purple']

 

push와 pop 메서드

• push(element)
  • 배열의 끝에 한 개 이상의 요소를 추가한다.
  • 원본 배열을 바꾼다.

let arr = [1, 2, 3, 4];

arr.push(5);


console.log(arr); // [1, 2, 3, 4, 5]

 

•  pop()
  • 배열의 마지막에 있는 요소 하나를 제거한다.
  • 원본 배열을 바꾸고 제거된 요소를 반환한다. (변수에 할당 가능)

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

arr.pop();


console.log(arr); // [1, 2, 3, 4]

 

더 많은 배열 관련 함수들은 추후에....