반복문 map(), filter(), find

map()

기존에 있는 배열을 가공해 새로운 배열을 만드는 반복문.

항상 원본 배열의 길이만큼 return 된다.

그렇기때문에 return이 필수 이며, 새배열을 받을 변수도 있어야 한다.

 

기본형

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

 

callbackFunction 콜백함수로 다음의 세 가지 인수를 가집니다.

 

1. currenValue : 처리할 현재 요소.

 

2. index : 처리할 현재 요소의 인덱스.

 

3. array :  ()을 호출한 배열.

 

thisArg : callback 을 실행할 때 this로 사용되는 값.

let newNumbers = numbers.map(function(item){

    return item * 2 ;

  //return 이없다면  [ undefined, undefined, undefined, undefined, undefined ] 배열의 길이만큼 undefined로 나옴

});

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

 

filter()

배열에 사용하여, 주어진 함수를 만족하는 모든 요소를 모아 새배열로 반환한다.

그렇기때문에 return이 필수 이며, 새배열을 받을 변수도 있어야 한다.

let filterNumbers = numbers.filter(function(item){

    return item  > 2;

});

console.log(filterNumbers); //[ 4, 5, 3 ]

 

find() :

조건에 맞는 0번째값만 return 한다.

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

    return item > 2;

});

console.log(result) // 4 만 return 한다

 

 

추가 ) forEach

매개변수 자리에 콜백 함수를 넣어 준다.

반복문 안에서 실행되고 값이 나오기 때문에 return이 필요없다.!

 

오늘 코딩을 하던중 자연스럽게 return을 넣었는데 오류가 발생한 것이 생각나서 추가 작성한다.