博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript中数组去重汇总
阅读量:4944 次
发布时间:2019-06-11

本文共 1915 字,大约阅读时间需要 6 分钟。

  1. 简单的去重方法,利用数组的indexOf下标属性来查询

/** 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法* */function newArr(nArr) {    var arr = [];    for(var i = 0; i < nArr.length; i++){        if(arr.indexOf(nArr[i]) === -1){            arr.push(nArr[i]);        }    }    return arr;}

  2.  利用双层for循环来判断

/**  定义一个新数组,并存放原数组的第一个元素,*  然后将原数组和新数组一一对比,如果不同则存放新数组中。* */function unique(arr) {    let res = [arr[0]];    for(let i = 1; i < arr.length; i++){        let repeat = false;        for(let j = 0; j < res.length; j++){            if(arr[i] === res[j]){                repeat = true;                break;            }        }        if(!repeat){            console.log(arr[i]);            res.push(arr[i]);        }    }    return res;}

  3  利用数组原型对象上的includes方法。(ES6新增的)

function uniques(arr) {    let res = [];    for(let i = 0; i < arr.length; i++){        if(!res.includes(arr[i])){            res.push(arr[i]);        }    }    return res;}

  备注:  传统上只有indexOf一个方法,来判断一个字符串是否包含在另一个字符串当中,ES6后来新增三个方法:

  a. includes(string, n) 返回 布尔值,表示是否找到了参数字符串。

  b. startsWith(string, n) 返回布尔值,表示参数字符串是否在原字符串的头部

  c. endsWith(string, n) 返回布尔值,表示参数字符串是否在原字符串的尾部。

  上面代码表示,使用第二个参数n时,endsWith的行为与其他两个方法有所不同。它针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。

  4. 利用数组原型对象上的 filter 和 includes方法

function uniques(arr) {    let res = [];    res = arr.filter(function (item) {        return res.includes(item) ? "" : res.push(item);    });    return res;}

  5. 利用Set数据结构和数组符号"..."来判断 或者利用 Array.from()来转换

function uniques1(arr) {    return [...new Set(arr)];}function uniques2(arr) {    return Array.from(new Set(arr));}

  备注: Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。

  6. 利用对象属性存在的特性,如果没有该属性则存入新数组。

function uniques(arr) {    let res = [];    let obj = {};    for(let i = 0; i < arr.length; i++){        if(!obj[arr[i]]){            obj[arr[i]] = 1;            res.push(arr[i]);        }    }    return res;}

 

转载于:https://www.cnblogs.com/yyy6/p/9442983.html

你可能感兴趣的文章
Java基础知识
查看>>
36选7 java代码
查看>>
keras启用tensorboard
查看>>
【JS面试】第二章 变量类型和计算
查看>>
iOS中使用RSA对数据进行加密解密
查看>>
简明Linux命令行笔记:mkfs
查看>>
移动开发 一些打包脚本
查看>>
Windows Service installutil 部署时,出错的解决办法-原创
查看>>
33、iOS10 由于权限问题导致崩溃的大坑
查看>>
【CQOI2015】多项式题解 (NKOJ3252)
查看>>
python辅助sql手工注入猜解数据库案例分析
查看>>
Android开发13——内容提供者ContentProvider的基本使用
查看>>
php 之根据mysql字段 批量生成 array 数组
查看>>
[BZOJ 1005] 明明的烦恼
查看>>
Atitit.Atiposter 发帖机 信息发布器 v7 q516
查看>>
Atitit paip.对象方法的实现原理与本质.txt
查看>>
Atitit 提升效率 界面gui方面的前后端分离与cbb体系建设 规范推荐标准
查看>>
重定向带中文参数跳页面显示中文示例代码
查看>>
iOS中UIKit——UIButton设置边框
查看>>
CodeCommit on Amazon AWS
查看>>