[JS] arrays

배열

순서가 있는 컬렉션을 저장할 때 쓰입니다.

배열 선언

let arr = new Array();
let arr = []; // 대부분 이 방법으로 배열을 선언

대괄호 안에 초기 요소를 넣어주는 것도 가능합니다.

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

배열 요소엔 0부터 시작하는 인덱스가 매겨져 있습니다. 배열 내 특정 요소를 얻고 싶다면 대괄호 안에 숫자 인덱스를 넣어주면 됩니다.

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

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

요소를 수정하는 것도 가능합니다.

fruits[2] = 'watermelon'; // ['apple','orange','watermelon'] 으로 바뀜

새로운 요소를 배열에 추가하는 것도 가능합니다.

fruits[3] = 'lemon'; // ['apple','orange','watermelon',lemon] 으로 바뀜

length를 사용하면 배열에 담긴 요소가 몇 개인지 알 수 있습니다.

console.log(fruits.length); // 4('apple','orange','watermelon','lemon')

pop·push shift·unshift

pop

배열 끝 요소를 제거하고, 제거한 요소를 반환합니다.

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

console.log(fruits.pop()); // 'banana'를 제거하고 제거된 요소를 console창에 띄움

Push

배열 끝에 요소를 추가합니다.

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

fruits.push('banana');

console.log(fruits); // apple,orange,banana

shift

배열 앞 요소를 제거, 제거한 요소를 반환합니다.

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

console.log(fruits.shift()); // 'apple'을 제거하고 제거된 요소를 console창에 띄움

console.log(fruits); // orange,banana

unshift

배열 앞에 요소를 추가합니다.

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

fruits.unshift('apple');

console.log(fruits); // apple,orange,banana

push와 unshift는 요소 여러 개를 한 번에 더해줄 수도 있습니다.