[Algorithm] Array 배열의 기본

Array 생성하기

다양한 방식으로 배열을 생성하고 값을 초기화 할 수 있다.

const arr1 = [];
const arr2 = [1, 2, 3, 4, 5];
const arr3 = new Array();
const arr4 = new Array(5);
const arr5 = new Array(5).fill(5);

Array.from()

ES6 문법으로, 문자열이나 유사배열객체 등을 배열로 만들어 준다.
유사배열객체는 배열처럼 length 속성을 가지며 키값이 인덱스인 오브젝트를 말한다.
Array.from(배열로 만들 것, 모든원소에 수행할 맵핑 함수)

// 문자열로 배열 생성하기
const arr1 = Array.from("hello"); // ['h','e','l','l','o']

// 유사배열객체로 배열 생성하기
const obj = {
  0: "hello",
  1: "world",
  length: 2,
};
const arr2 = Array.from(obj); // ['hello','world']

// 매개변수로 배열 생성하기
const arr3 = (...item) => {
  return Array.from(item);
};
arr3(1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]

// 순차적으로 증가하는 숫자로 배열 채우기
const arr4 = Array.from(Array(5), (value, index) => {
  return index + 1;
}); // [1, 2, 3, 4, 5]

push(), pop()

Array 마지막 요소를 추가하거나 삭제한다.

const arr = [1, 2, 3];

arr.push(4); // [1, 2, 3, 4]
arr.push(5, 6); // [1, 2, 3, 4, 5, 6]
arr.pop(); // [1, 2, 3, 4, 5]

shift(), unshift()

Array 첫번째 요소를 추가하거나 삭제한다.

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

arr.shift(); // 맨 앞 요소 삭제 [2, 3, 4, 5]
arr.unshift(10); // 맨 앞에 요소 추가 [10, 2, 3, 4, 5]

slice(), splice()

Array 중간 요소를 편집하거나 삭제한다.

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

// 2번째 부터 4번째 앞 요소까지 자르기 (원본 배열 변화시키지 않음)
console.log(arr.slice(2, 4)); // [3, 4]

// 2번째부터 2개의 요소를 자르기
console.log(arr.splice(2, 2)); // [3, 4]

for, for of

Array 각 요소를 순회하는 반복문. ES6문법인 for of를 사용하면 간단하게 표현할 수 있다.

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

// 기본 반복문
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
} // 1, 2, 3, 4, 5

// ES6 문법으로 for of 반복문을 많이 쓴다. (위와 동일)
for (let item of arr) {
  console.log(item);
} // 1, 2, 3, 4, 5