javascript数组的应用

thc1214

已于 2022-02-22 18:00:26 修改

阅读量101

点赞数

分类专栏： js ES6 javascript 文章标签： javascript

于 2021-08-16 19:46:56 首次发布

本文链接：https://blog.csdn.net/SangeACC/article/details/119740634

版权

ES6 同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

javascript

2 篇文章 0 订阅

订阅专栏

javascript数组的应用

1. reduce方法

参数： callback(pre, cur) 处理回调函数

pre: 上次回调处理结果或初始值

cur: 当前真正处理的数据元素

initialValue 返回值的初始值

应用场景：统计数组中元素出现的次数或数组去重

（1）统计数组中，元素出现的次数

let arr = [1, 2, 3, 4, 5, 2, 4, 4, 6, 2, 3, 6]
let countElement = arr.reduce((pre, cur) => {
    if (cur in pre) {
        pre[cur]++
    } else {
        pre[cur] = 1
    }
    return pre
}, {})
console.log('统计出现数据：', countElement)

（2）数组去重

let removeRepeat = arr.reduce((pre, cur) => {
    if (!pre.includes(cur)) {
        pre.push(cur)
    }
    return pre
}, [])
console.log('去重后的数据: ', removeRepeat)

（3）数组中对象去重

result = res.reduce((pre,cur) => {          
 if(!temp.hasOwnProperty(cur.id)){
   temp[cur.id] = true
   pre.push(cur)
 }            
 return pre;
},[])