当map遇到箭头函数

633 阅读1分钟

在写代码的过程中,使用最多的高阶函数就是map了,map的基本用法是了解的,但是当使用箭头函数的时候,总是不知道该用()还是{}。其实只要记住一句话就可以了。当有return时,使用{},当没有return时,使用()。下面我们来看一点例子。

例子一:

var a = [1,2,3,4]
a.map(it => it + 1)

例子二

var a = [1,2,3,4]
a.map(it => (it > 2 ? it : 0))

例子三

var a = [1,2,3,4]
a.map(it => {
    if(it > 2){
        return it
    }else {
        return 0
    }
})

例子四

var a = [1,2,3,4]
a.map(it => (
    it > 2 ? (<div>{it}</div>): (<div>0</div>)
))

例子五

var a = [1,2,3,4]
a.map(it => {
    if(it > 2){
        return (<div>0</div>)
    }else {
        return (<div>1</div>)
    }
})

上面几个例子就是平时遇到的map的用法,欢迎补充~