排行榜 统计
  • 建站日期:2017-05-08
  • 文章总数:446 篇
  • 评论总数:6362 条
  • 分类总数:25 个
  • 最后更新:4天前

es6 数组常规操作

本文阅读 2 分钟
广告

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

   [
        {
            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,
arr.png

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 就是你要归并的字段,可以进行加减乘除操作。

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

您的大名:
万水千山总是情,给个打赏行不行。 打赏
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.ruletree.club/archives/2251/
推荐一下,vutrl充值$10赠送$100活动
« 上一篇 01-11
杰奇1.8升级到2.4教程,详细步骤
下一篇 » 02-04
广告

发表评论

成为第一个评论的人