[TIL #9 WECODE] JS 예시(Map 함수)

210223 WECODE #9

1. 숫자로 구성된 배열을 인자로 받아 새로운 배열 return

moreThan100 함수에 숫자로 구성된 배열을 인자로 넘겨
100 보다 크거나 같으면 true를,
100 보다 작으면 false로 요소를 변경하여
새로운 배열을 return해주세요.

nums(input)은 [100, 9, 30, 7]
return은 [true, false, false, false]

<script>
  function morethan100(nums) {
    let arr = nums.map(
    i => { if (i < 100) { 
         return false;
         }  
          return true;
      })
    return arr;
  }
  morethan100([100, 9, 30, 7]);
</script>

• map 메서드는 배열을 반복
• map 메서드의 return 값은 "새로운 배열"로 "return"

2. 날짜 배열의 형식을 바꿔서 새로운 배열로 return

formatDate 함수에 날짜가 담긴 배열을 전달드립니다.
날짜의 data type은 string이며,
보내는 날짜 타입은 'YYYY-MM-DD' 입니다.
해당 날짜의 형식을 'YYYY년 MM월 DD일' 로 바꿔서
새로운 배열을 return 해주세요.
예를 들어
dates(input)은
['2019-03-21', '2019-04-21', '2019-05-21']
return은
['2019년 03월 21일', '2019년 04월 21일', '2019년 05월 21일']

<script>
  function formatDate(dates){
    let str = dates.map(
      function(arr){
        let date = arr.split('-'); //[2019, 03, 21]
        return `${date[0]}년 ${date[1]}월 ${date[2]}일`;
      }
    )
    return str;
  }
  formatDate(['2019-03-21', '2019-04-21', '2019-05-21']);
</script>

• split("") split(" ") split("-") split(",") 각각 쪼개어 return하는 배열들을 한번 연습해보자!