Arrow function (react native)

Arrow function은 => 이 기호를 쓰는 축약형 함수다.

 

Arrow function을 안 쓴다면 코드를 아래 예제처럼 이렇게 길게 늘어뜨려 써야겠지만,

let arr = [1,2,3,4,5];
let public = arr.map(function(val) {
    return val*2
})
console.log(public)     // [2, 4, 6, 8, 10]

 

 

Arrow function을 쓴다면 => 이 기호 하나로 코드가 간편해진다.

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

깔끔하기까지하니 얼마나 좋은가!!

다른 예제를 더 보자

let arr = [1,2,3,4,5];
let OE = arr.map(v=>{
    if(v%2 == 0) {
        console.log('짝수')
    } else {
        console.log('홀수')
    }
})
// 홀수 짝수 홀수 짝수 홀수

let wice = arr.map((v, i)=>{
    console.log(`i:${i}, v:${v}`)
})
// i:0, v:1 ... i:4, v:5