티스토리 뷰

Javascript

fiter(), map()

근혁 2022. 4. 17. 22:17

filter()

조건에 만족하는 배열 요소 검색 : 반환(배열)

{

    const arrNum = [100, 200, 300, 400, 500]
    const result = arrNum.filter (el => el === 300);
    //결과값 : 300
  
    const arrNum2 = [100, 200, 300, 400, 500]
    const result2 = arrNum2.filter (el => el === 600);
    //결과값 : 없음
    
    const arrNum3 = [100, 200, 300, 400, 500];
    const result3 = arrNum3.filter(el => el >= 300);
    //결과값 : 300,400,500
}

map()

배열 요소를 추출하여 새로운 배열로 만듦 : 반환(배열)

{
    const arrNum1 = [100, 200, 300, 400, 500];
    const result1 = arrNum1.map(el => el);
    //결과값 : 100,200,300,400,500
    
    const arrNum2 = [100, 200, 300, 400, 500];
    const result2 = arrNum2.map (el => el + "J");
    결과값 : 100J,200J,300J,400J,500J
    
    const arrNum3 = [100, 200, 300, 400, 500];
    const result3 = arrNum3.map (el => el + 100);
    //결과값 : 200,300,400,500,600
    
    const arrNum4 = [{a:100}, {a:200}, {a:300}];
    const result4 = arrNum4.map(el => el.a);
    //결과값 : 100,200,300

}

'Javascript' 카테고리의 다른 글

reduce(), reduceRight()  (0) 2022.04.17
length, concat()  (0) 2022.04.17
find(), findIndex()  (0) 2022.04.17
IndexOf(),lastIndexOf()  (0) 2022.04.17
sort(), reverse()  (0) 2022.04.17
댓글
© 2018 webstoryboy