es6 数组常规操作

2021-01-20T01:11:00

最近写项目用了很多很方便的方法,现在整理归类,操作起数组非常舒心。

   [
        {
            id:0,
            name:'张aa'
        },
        {
            id:2,
            name:'张rr'
        },
        {
            id:3,
            name:'张ee'
        },
        {
            id:4,
            name:'张gg'
        },
    ]

1. map()

如果我们要获取到数组内某个元素,并且组成数组的话

var list = this.info.map((item) => {
     item.id
})

list就变成了由 [0, 2, 3, 3],把他们的每个ID拼接成为一个新的数组。

  1. forEach()
    我们也可以让数组里面新增一个元素,比如:age,并且给他赋值18.
this.info.forEach((item) => {
     item.age=18
})

输出this.info,

3. filter()

可以添加条件

var list=this.info.filter((item) => {
    return item.name=='张bb'
})

返回结果就是[{那组数据}],可以用来做过滤。

4.reduce()
这些方法可以用来写归并,累加,比如我们想要把所有的ID加在一起

var list = this.info.reduce((total,item) => 
                     total+item.id,0
                )

得到的结果就为9,total表示之前归并之和,item.id 就是你要归并的字段,可以进行加减乘除操作。

还有很多其他的,但是这几个用的是最多的。

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »