JavaScript实战笔记(二) 数组去重

简介: JavaScript实战笔记(二) 数组去重

前言


这篇文章介绍数组去重的几种方法


正文


1、利用 Set 去重


利用集合元素唯一的性质,去除重复的元素,但是不能去除相同的对象(id 不同)

function unique(array) {
    return [...new Set(array)] 
}


2、利用 Map 去重


利用映射键值唯一的性质,去除重复的元素,但是不能去除相同的对象(id 不同)

function unique(array) {
    let result  = new Array()
    let mapping = new Map()
    for (let item of array) {
        if(!mapping.has(item)) {
            mapping.set(item)
            result.push(item)
        }
    }
    return result
}


3、双层循环


外层循环遍历数组的每一个元素,内层循环判断当前元素是否在结果数组中

function unique(arr) {
    let res = []
    for (let i = 0, arrlen = arr.length; i < arrlen; i++) {
        let isUnique = true
        for (let j = 0, reslen = res.length; j < reslen; j++) {
            if (arr[i] === res[j]) {
                isUnique = false
                break
            }
        }
        if (isUnique) res.push(arr[i])
    }
    return res
}


注意,这种方法不能去除相同的对象和重复的 NaN


4、单层循环 + 语言特性


使用循环遍历数组的每一个元素,使用 indexOf 方法判断当前元素是否在结果数组中

function unique(arr) {
    let res = []
    for (let ind = 0, len = arr.length; ind < len; ind++) {
        let val = arr[ind]
        if (res.indexOf(val) === -1) res.push(val)
    }
    return res
}


注意,这种方法不能去除相同的对象和重复的 NaN


目录
相关文章
|
1月前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包:原理与实战
【10月更文挑战第12天】深入理解JavaScript中的闭包:原理与实战
|
1月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
43 0
|
17天前
|
自然语言处理 JavaScript 前端开发
[JS]同事看了我做的this笔记,直摇头,坦言:我还是参考启发博文吧
本文介绍了JavaScript中`this`关键字的重要性和使用规则。作者回顾了早期笔记,总结了`this`指向的各种情况,并分享了最新的理解。文章强调了`this`在不同上下文中的指向,包括对象方法、全局函数、箭头函数等,并提供了改变`this`指向的方法。适合JavaScript开发者参考。
35 2
|
26天前
|
JavaScript 前端开发 开发者
探索JavaScript原型链:深入理解与实战应用
【10月更文挑战第21天】探索JavaScript原型链:深入理解与实战应用
28 1
|
1月前
|
SQL 前端开发 JavaScript
Nest.js 实战 (十五):前后端分离项目部署的最佳实践
这篇文章介绍了如何使用现代前端框架Vue3和后端Node.js框架Nest.js实现的前后端分离架构的应用,并将其部署到生产环境。文章涵盖了准备阶段,包括云服务器的设置、1Panel面板的安装、数据库的安装、域名的实名认证和备案、SSL证书的申请。在部署Node服务环节,包括了Node.js环境的创建、数据库的配置、用户名和密码的设置、网站信息的填写、静态网站的部署、反向代理的配置以及可能遇到的常见问题。最后,作者总结了部署经验,并希望对读者有所帮助。
138 11
|
2月前
|
JavaScript 前端开发 Java
JavaScript笔记(回顾一,基础知识篇)
JavaScript基础知识点回顾,包括语言定义、ECMAScript规范、字面量、变量声明、操作符、关键字、注释、流程控制语句、数据类型、类型转换和引用数据类型等。
JavaScript笔记(回顾一,基础知识篇)
|
1月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
18天前
|
前端开发 JavaScript
JavaScript新纪元:ES6+特性深度解析与实战应用
【10月更文挑战第29天】本文深入解析ES6+的核心特性,包括箭头函数、模板字符串、解构赋值、Promise、模块化和类等,结合实战应用,展示如何利用这些新特性编写更加高效和优雅的代码。
39 0
|
1月前
|
数据采集 JSON 前端开发
JavaScript逆向爬虫实战分析
JavaScript逆向爬虫实战分析
|
1月前
|
前端开发 JavaScript API
JavaScript逆向爬取实战——使用Python实现列表页内容爬取(二)
JavaScript逆向爬取实战——使用Python实现列表页内容爬取(二)
下一篇
无影云桌面