카테고리 없음

자바 스크립트 1주 13강-배열2

8나지 2024. 4. 22. 17:38

foreach, map filter, find - 콜백함수를 받는 메소드 들

 

let numbers = [4, 1, 5, 4, 5]; - numbers 라는 배열이 있다고 가정 

1. foreach

numbers.foreach(function(){});       input 자리인 매개변수에 함수를 넣어주는거를 - 콜백함수 

ex)

numbers.foreach(function (ex.)item) {            item입니다 => 4

  console.log("item입니다 =>", + item);      item입니다 => 1   

});                                                                    item입니다 => 5 ... 끝까지 한줄씩 다 나옴

* foreach는 별도로 리턴하지 않음

 

2. map - 에 들어가는 함수 function은 반드시 return이 들어가야함

(;map은 기존에 있었던 배열을 가공해서 새로운 배열을 생산해내기 때문.  ; 가공한 값이 들어감

 ; map을 거치면 반드시 새로운 배열이 나오므로)

numbers.map(function(item)) {

     return item * 2;                                         [8, 2, 10, 8, 10]

});

console.log(newnumbers);

* 항상 원본 배열의 길이만큼 리턴된다

 

3. filter - map과 달리 조건이 들어감 ; 위의4,1,5,4,5 중에서 필터링 할 조건

let filterednumbers = numbers.filter(function(item){         새로운 배열을 리턴하므로;filterednumbers

    retrun item === 5             / !== 5;                                      5인것만 뽑아내라        / 5가 아닌 것만..

});

console.log(filterednumbers);                                              [5, 5]                          /[4, 1, 4]

 

4. find - filter와 유사하게 조건에 맞는 첫번 째 것만 들어옴

let result = numbers.find(fuction (item) {

  return item > 3;

});

console.log(result);                                                                4