240722 배열 메소드 forEach/map/filter/find

(1) forEach

let numbers = [4,1,2,5,3];

// 콜백함수 : 매개변수 자리에 함수를 넣는 것 
numbers.forEach (function(item) {
    console.log(item); 
    // 4
    // 1
    // 2
    // 5
    // 3
})

(2) map

기존의 배열을 가공해서 새로운 배열을 생성
항상 원본 배열의 길이만큼만 return 된다.

let mapNumbers = numbers.map (function(item){
    return item * 2 ; 
    // return을 하지 않더라도 [undefined, undefined, undefined, undefined, undefined] 배열 길이만큼 나옴.
});

console.log(mapNumbers); // [8, 2, 4, 10, 6]

(3) filter

기존의 배열을 필터링해서 새로운 배열을 생성

let filterNumbers = numbers.filter(function(item){
    return item === 5;
});
console.log(filterNumbers); // [5]

(4) find

filter와 비슷하게 조건에 맞는 값을 가져오지만 첫번째 값만 반환

let findNumbers = numbers.find(function(item){
    return item > 3;
})

console.log(findNumbers); // [4,1,2,5,3] 중 [4] 만 출력