[자바스크립트]Array

map

array.map(callbackFunction(currenValue, index, array), thisArg)

• currentValue : 배열 내 현재 값
• index : 배열 내 현재 값의 인덱스
• array : 현재 배열
• thisArg : callbackFunction 내에서 this로 사용될 값

//map = 요소 변환 할때 쓰임 (for문이랑 비슷)
const array_num = [0, 1, 2, 3, 4, 5];

const new_array = array_num.map((array_item) =>{ //item : num 요소들
	return array_item + 1;
});
// 새 배열의 값은 원본 배열 원소에 +1 한 값
console.log(new_array);

 

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

배열을 합치거나, 추가 단, 중복 항목 제거 X

const array_num01 = [0, 1, 2, 3];
const array_num02 = [3, 4, 5];

const merge = array_num01.concat(array_num02);

console.log(merge);

중복 제거 팁 

set, ...

const array_num01 = [0, 1, 2, 3];
const array_num02 = [3, 4, 5];
// Set은 자바스크립트의 자료형 중 하나로, 중복되지 않는 값을 가지는 리스트
// ... <- 이 점 3개는 스프레드 문법, 배열 안에 있는 항목들(요소들)을 전부 꺼내준다는 뜻
const merge = [...new Set([...array_num01, ...array_num02])];
console.log(merge);

 

 

from

 

// 배열화 
const my_name = "mean0";
const my_name_array = Array.from(my_name);
console.log(my_name_array); //m, e, a, 0

const text_array = Array.from('hello', (item, idx) => {return idx});

console.log(text_array);

// 새 배열
// 길이가 4고, 0부터 3까지 숫자를 요소로 갖는 배열
const new_array = Array.from({length: 4}, (item, idx)=>{ return idx;});

console.log(new_array);

item = 요소 하나, index = 요소 순서