[javascript] Array Helper Methods

Array Helper Methods

  • map(), forEach(), filter()
    • 인자로 함수 자체가 와야함.
  • 콜백함수 개념

:one: Map()

    /* 1. map */
    ['1', '2', '3'].map(Number) // map(int, ['1','2','3']) 파이썬문법

    const numbers = [0, 9, 99]

    function addOne(number) {
      return number + 1
    }

    const newNumbers1 = numbers.map(addOne)
    console.log(newNumbers1)

    const newNumbers2 = [0, 9, 99].map(function(number) {
      // [0, 9, 99] 를 순회하며, 각 요소를 (number) 자리에 넣는다.
      // 그리고 리턴된 값을 새로운 배열에 넣고 마지막에 리턴한다.
      // [] => [1] => [1, 10] => [1, 10, 100] ... 리턴 순서
      return number + 1
    })
    console.log(newNumbers2)

:two: forEach()

/* 2. forEach */
    // let sum = 0; 세미콜론!! 없으면 에러 날수도있음 0[1,2,3] 으로 인식해버림
    // [1,2,3].forEach() 에러발생 

    let sum = 0
    const newNumbers = [1,2,3]

    newNumbers.forEach(function(number) {
      // newNumbers 의 각 요소를 number 자리에 넣고,
      // 나머지는 알아서 하세요. 리턴 없습니다.
      sum += number
    })
    console.log(sum)

:three: filter()

    /* 3. filter */
    const adds = [1, 2, 3].filter(function(number) {
      // 각 요소를 number 자리에 넣고,
      // 리턴이 true 인 요소들만 모아서 새로운 배열로 리턴.
      return number %  2 === 1
    })
    console.log(adds)