javascript es6 기초 배우기 005 - Arrow Function

Arrow Function

• => 를 사용

Arrow Function 사용법1 : 표현식의 결과값을 반환하는 표현식 본문에 쓰임

let arr = [ 1, 2, 3, 4, 5];
let twice = arr.map(v => v * 2);
console.log(twice);
/* Result
[2, 4, 6, 8, 10]
*/

map이란?

• 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열로 반환
• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Arrow Function 사용법2 : 상태블럭 본문에 쓰임

let arr = [ 1, 2, 3, 4, 5];
let twice = arr.map(v => {
  if(v % 2 === 0) {
    console.log('even number');
  } else {
    console.log('odd number');
  }
})

let arr = [ 10, 20, 30, 40, 50 ];
let twice = arr.map((v, i) => {
  console.log(`i: ${i}, v: ${v}`)
});
/* Result
i:0, v: 10
i:1, v: 20
i:2, v: 30
i:3, v: 40
i:4, v: 50
*/

참고

• https://www.inflearn.com/course/리액트-네이티브-기초