20210625 JS - Array 내장 함수

map

• 배열에 속한 항목을 변환할 때 많이 사용
• 어떤 배열에 속한 항목을 원하는 대로 변환하고,
  변환한 값을 새로운 배열로 만들어줌
• 원본 배열은 변하지 않음

const array_num = [0, 1, 2, 3, 4, 5];
const new_array = array_num.map((array_item) =>{ 
	return array_item + 1;
});
console.log(new_array);
console.log(array_num);

filter

• 어떤 조건을 만족하는 항목들만 골라서 새 배열로 만들어주는 함수
• 원본 배열은 변하지 않고, 원하는 배열을 하나 더 만들 수 있다.

const array_num = [0, 1, 2, 3, 4, 5];
// forEach(콜백함수)
const new_array = array_num.filter((array_item) => {
	// 특정 조건을 만족할 때만 return 하면 됩니다!
	// return에는 true 혹은 false가 들어가야 해요.
	return array_item > 3;
});
console.log(new_array);

concat

• 배열과 배열을 합치거나 배열에 특정 값을 추가해주는 함수
• 원본 배열은 변하지 않음

const array_num01 = [0, 1, 2, 3];
const array_num02 = [3, 4, 5];
const merge = array_num01.concat(array_num02);
console.log(merge);

• 중복 항목을 제거해주지 않음 > 다른 내장함수와 함께 사용해서 제거

const array_num01 = [0, 1, 2, 3];
const array_num02 = [3, 4, 5];
const merge = [...new Set([...array_num01, ...array_num02])];
console.log(merge);

from

• 배열로 만들고자 하는 것이나 유사배열을 복사해서 새로운 배열로 만들 때 사용
• 새로운 배열을 만들 때 사용(초기화)
• 유사배열: [어떤 값들...] 이 모양으로 생겼지만 배열의 내장 함수를 사용하지 못함
  ex ) DOM nodelist

const my_name = "mean0";
const my_name_array = Array.from(my_name);
console.log(my_name_array);
const text_array = Array.from('hello', (item, idx) => {return idx});
console.log(text_array);
const new_array = Array.from({length: 4}, (item, idx)=>{ return idx;});
console.log(new_array);