[JS] 배열(1)

자바스크립트에서 배열은 순서가 있는 요소들의 집합으로, 여러 개의 데이터를 하나의 리스트로 묶어서 관리할 수 있는 자료형이다. 객체가 서로 연관된 데이터들을 key-value 형태로 저장했다면, 배열은 순서(index)를 기준으로 요소에 접근한다.

배열 생성

배열은 대괄호 [ ]를 사용하여 생성한다.

배열의 요소는 숫자, 문자열, 불리언, 객체, 함수 등 자료형에 관계없이 포함할 수 있다.

배열 요소 접근

배열은 index를 통해 요소에 접근한다.
index는 0부터 시작하며, 대괄호 [] 안에 숫자를 적어 접근한다.

const fruits = ['apple', 'banana', 'orange'];

console.log(fruits[0]); // apple
console.log(fruits[2]); // orange

배열 요소 추가

push()	배열의 마지막 인덱스에 요소 추가
unshift()	배열의 첫 번째 인덱스에 요소 추가

const colors = ['red', 'blue'];
colors.push('green');     // ['red', 'blue', 'green']
colors.unshift('yellow'); // ['yellow', 'red', 'blue', 'green']

배열 요소 수정

배열은 내부적으로 객체로 분류되므로, const로 선언하더라도 요소는 수정할 수 있다.

const numbers = [1, 2, 3];
numbers[0] = 10;

console.log(numbers); // [10, 2, 3]

배열 요소 삭제

pop()	배열의 마지막 요소 삭제
shift()	배열의 첫 번째 요소 삭제
splice(start,deleteCount)	배열에서start인덱스의 요소부터 deleteCount의 개수만 삭제

const numbers = [10, 20, 30, 40, 50];

numbers.pop();           // [10, 20, 30, 40]
numbers.shift();         // [20, 30, 40]
numbers.splice(1, 1);    // [20, 40] → index 1(30)부터 1개 삭제

배열의 길이

배열의 길이는 .length 프로퍼티를 통해 확인할 수 있다.