Array method

원본 배열을 변경하지 않고 참조만 하는 메서드

• join()
• slice()
• concat()
• toString()

 

원본 배열을 변경하지 않고 반복적으로 참조만 하는 메서드

• forEach()
• map()
• filter()
• every()
• some()
• reduce()
• reduceRight()
• entries()
• keys()
• values()

 

원본 배열을 변경하는 메서드

• push()
• pop()
• shift()
• unshilft()
• fill()
• reverse()
• sort()
• splice()

 

[참고] forEach와 map의 차이

- Array.prototype.forEach()

배열의 모든 요소가 한 번씩 순회하면서 제공된 함수를 한 번 실행한다.

각 배열의 요소에 특정한 작업을 수행할 때 사용된다.

map과의 차이점은 배열을 수정하거나 새 배열을 생성하지 않는다.

const array1 = [1, 4, 9, 16];

array1.forEach(element => {
  console.log(element);
});

// expected output: "1", "4", "9", "16"

- Array.prototype.map()

배열의 모든 요소가 한 번씩 순회하면서 제공된 함수의 반환 결과로 새로운 배열을 생성하는 메서드이다.

배열의 요소를 수정하거나 변환할 때 사용된다.

const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x => x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

map이 수정된 요소와 함께 새 배열을 반환하는 반면, forEach는 새 배열을 만들지 않고 각 요소에서 제공된 함수를 실행한다는 것이다.