javascript数组去重五种方法

简介: javascript数组去重五种方法

javascript数组去重五种方法


let arr = [12, 23, 34, 12, 12, 34, 56, 56, 56, 76]

方法一:set特性,数据不能重复

function one() {
            let set = new Set(arr)
            let arr1 = [...set]
            console.log(arr1);
        }
        one()

方法二:数组indexOf==-1 ---- indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。

function two() {
            let arr1 = []
            for (let i = 0; i < arr.length; i++) {
                if (arr1.indexOf(arr[i]) == -1) {
                    arr1.push(arr[i])
                }
            }
            console.log(arr1);
        }
        two()

方法三:数组双重for循环+splice

function three() {
            for (let i = 0; i < arr.length; i++) {
                for (let j = i + 1; j < arr.length; j++) {
                    if (arr[i] == arr[j]) {
                        arr.splice(j, 1)
                        j--;
                    }
                }
            }
            console.log(arr)
        }
        three()

方法四:对象属性特性

function four() {
            let obj = {};
            let newArr = [];
            for (let i = 0; i < arr.length; i++) {
                if (obj[arr[i]]) {
                    obj[arr[i]]++
                } else {
                    obj[arr[i]] = 1
                    newArr.push(arr[i])
                }
            }
            console.log(newArr);
        }
        four()

方法五:数组includes() 方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回 false。

function five() {
            let newArr = [];
            for (let i = 0; i < arr.length; i++) {
                if (!newArr.includes(arr[i])) {
                    newArr.push(arr[i])
                }
            }
            console.log(newArr);
        }
相关文章
|
14天前
|
前端开发 JavaScript
前端 js 经典:数组常用方法总结
前端 js 经典:数组常用方法总结
25 0
|
4天前
|
JavaScript 前端开发
js中改变this指向、动态指定函数 this 值的方法
js中改变this指向、动态指定函数 this 值的方法
|
4天前
|
JavaScript 前端开发 开发者
JavaScript 中程序异常处理的方法,提升代码运行的健壮性
JavaScript 中程序异常处理的方法,提升代码运行的健壮性
|
4天前
|
JavaScript
分享经典面试题:JS数组去重的多种方法
分享经典面试题:JS数组去重的多种方法
|
4天前
|
JavaScript
JS判断变量是不是数组?方法大全!
JS判断变量是不是数组?方法大全!
|
13天前
|
移动开发 JavaScript iOS开发
WKWebView和js互调方法的实现
WKWebView和js互调方法的实现
17 0
|
13天前
|
JavaScript 前端开发
Symbol在JavaScript中还有哪些内置的Symbol可以用于定义特定的方法或属性
Symbol在JavaScript中还有哪些内置的Symbol可以用于定义特定的方法或属性
|
14天前
|
前端开发 JavaScript
前端 JS 经典:数组去重万能方法
前端 JS 经典:数组去重万能方法
18 0
|
14天前
|
前端开发 JavaScript 流计算
前端 js 经典:字符串超全方法总结
前端 js 经典:字符串超全方法总结
24 0
|
15天前
|
前端开发 JavaScript 开发者
JavaScript中的异步编程方法总结
在JavaScript开发中,处理异步操作是非常常见的情况。本文将总结JavaScript中常用的异步编程方法,包括Callback、Promise、Async/Await等,分析其优缺点,并提供使用建议。