arrow function

애로우 펑션은 자바스크립트에서 함수의 모습을 개선한 것이다.

var처럼 let과 const로 대체되는 것은 아니고, 그냥 좀 더 보기 좋게 만든 것이다.

 

 

 

aaa, bbb, ccc, ddd 를

aaa123, bbb123, ccc123, ddd123 으로 바꾸는 코드 2개.

 

 

        const name = ["aaa", "bbb", "ccc", "ddd"]

 

        const temp = name.map(function(item){

            return item + "123"

        })

 

        console.log(temp)

 

 

 

또는

 

 

const name = ["aaa", "bbb", "ccc", "ddd"]

 

function temp(item){

     return item + "123"

}

 

const temp2 = name.map(temp)

 

console.log(temp2)

 

 

애로우 펑션을 쓰면 간단해보이게 할 수 있다.

 

 

const name = ["aaa", "bbb", "ccc", "ddd"]

 

const temp = name.map(function(item){

  return item + "123"

})

 

여기서 

 

const temp = name.map(function(item){ 

 

const temp = name.map((item) => {

 

로 바꿔주면 된다.

 

map function 두번째 argument는 index이다.

 

const temp = name.map((item, index) => {

    console.log(index + '번째')

     return item + "123"

})

 

 

애로우 펑션에는 implict return 이라는게 있다.

 

const temp = name.map(item => item + "123")

 

implict return은 같은 줄에 뭘 적던지간에 return 된다는 의미이다.