배열(2)

forEach,map,filter,find

1.forEach - 콜벡 함수를 넣으면 배열 안의 값을 하나씩 빼서 차례대로 찍음.

ex)

let numbers = [3, 1, 6, 2, 8, 10];

numbers.forEach(function (item) {
console.log(item);
});

콘솔창에 3,1,6,2,8,10을 하나씩 차례대로 찍음.

3
1
6
2
8
10
이런 식으로...

2.map - 새로운 배열을 만들어 가공한 값을 리턴한다. ★★★원본 길이만큼 리턴됨(return이 필수로 들어감)★★★

ex)

let numbers = [3, 1, 6, 2, 8, 10];

let newNumbers = numbers.map(funtion (item) {
return item * 2;
})

console.log(newNumbers)

콘솔창에 [6, 2, 12, 4, 16, 20]이 찍힘

가공값을 안주면 undefined 가 원본 길이만큼 찍힘

[undefined, undefined, undefined, undefined, undefined, undefined] 이렇게..

3.filter - 새로운 배열을 만들어 조건에 해당하는 값을 리턴한다.(return이 필수로 들어감)

ex)

let numbers = [3, 1, 6, 2, 8, 10];

let filteredNumbers = numbers.filter(funtion (item) {
return item > 4;
})

console.log(filteredNumbers)

콘솔창에 4보다 큰 수들만 새 배열에 리턴됨 [6, 8, 10] 이렇게..

4.find - 새로운 배열을 만들어 조건에 해당하는 값의 첫번째꺼만 리턴한다.(return이 필수로 들어감)

ex)

let numbers = [3, 1, 6, 2, 8, 10];

let result = numbers.find(funtion (item) {
return item > 4;
})

console.log(result)

콘솔창에 4보다 큰 수들 중 첫번째인 6만 반환됨..