JavaScript数组去重方法总结

一、双重遍历去重

function onlyFigure(arr) {
      let newarr = [];
      const length = arr.length
      for (let i = 0; i < length; i++) {
        for(let j = i + 1; j < length; j++) {
          if(arr[i] === arr[j]) {
              i++;
              j=i;
          }
        }
        newarr.push(arr[i])
      }
      console.log(arr);
    }
    onlyFigure([0,0,1,2,4,2,1,6,5]);

  
二、原数组下标indexOf去重

function onlyFigure(arr) {
      let newarr = [];
      for (let i = 0; i < arr.length; i++) {
        if(arr.indexOf(arr[i]) == i) {
          //console.log(arr.indexOf(arr[i]));
          arr.push(arr[i]);
        }
      }
      console.log(newarr);
    }
    onlyFigure([0,0,1,2,4,2,1,6,5]);

  

三、新数组indexOf去重

function only(arr) {
      let newarr = [];
      let len = arr.length;
      for(let i = 0 ; i < len ; i ++ ) {
        if(newarr.indexOf(arr[i]) === -1) {
          newarr.push(arr[i])
        }
      }
      return newarr
    }

  

四、es6 Set去重

function onlyNum(arr) {
      return Array.from(new Set(arr))
    }

  

原文地址:https://www.cnblogs.com/detanx/p/jsArrayOnly.html

时间: 2024-10-04 16:21:21

JavaScript数组去重方法总结的相关文章

JavaScript数组去重方法及测试结果

最近看到一些人的去面试web前端,都说碰到过问JavaScript数组去重的问题,我也学习了一下做下总结. 实际上最有代表性也就三种方法:数组双重循环,对象哈希,排序后去重. 这三种方法我都做了性能测试,有兴趣的朋友可以去试试,这是测试地址 双重循环最慢(不是一般的慢),对象哈希是最快的,排序后去重根据浏览器不同比对象哈希慢2-3倍

javaScript数组去重方法

在JAvascript平时项目开发中经常会用到数组去重的操作.这时候就要用到JS数组去重的方法了. demo1: 第一种:JS数组去重操作方法是利用遍历原数组,利用数组的indexOf()方法来来判断新数组b中是否有原数组a中的元素,如果没有的话则在b数组的后面追加上a[i],如果有的话就不执行任何操作,最后可以达到数组去重的操作. 这种方法应该是平时开发中最常用的JS数组去重的方法了,简单又实用. demo2: 第二种去重的方法比较巧妙,是定义一个空对象和一个空数组,在遍历原数组的时候来用原数

JavaScript数组去重方法汇总

1.运用数组的特性 1.遍历数组,也遍历辅助数组,找出两个数组中是否有相同的项,若有则break,没有的话就push进去. //第一版本数组去重 function unique(arr){ var res = [], len = arr.length; for(let i = 0;i < len; i++){ var reslen = res.length; for(let j = 0;j < reslen; j++){ //遍历辅助数组 if(arr[i] === res[j]){ brea

javascript 数组去重方法

方法一:ES6中的Set语法: <script> let arr = [1,2,3,4,3,2,1]; let newArr = [...new Set(arr)]; console.log(newArr); </script> 注意: 1.new 后面大写 2.返回的是伪数组,使用 [] 包起来 才是真正意义上的数组 方法二: 原文地址:https://www.cnblogs.com/KoBe-bk/p/11465287.html

Javascript数组去重的几种方法

Javascript数组去重的几种方法 新建空数组,通过for...of(ES6)循环遍历,通过indexOf判断元素是否在新数组中存在,将不存在的(indexOf(n)==-1)元素push到新数组中: let arr = [1,1,2,2,3,6,3,77,88,5,98,9,7,2,7,5,3,4,2]; function removeDup_indexOf(originalArr){ let newArr = []; for(n of originalArr){ if(newArr.in

JavaScript实现数组去重方法

一.利用ES6 Set去重(ES6中最常用) function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}]; console.log(unique(arr)) //[1, "true&quo

JavaScript 数组去重

JavaScript 数组去重 Why underscore (觉得这部分眼熟的可以直接跳到下一段了...) 最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中. 阅读一些著名框架类库的源码,就好像和一个个大师对话,你会学到很多.为什么是 underscore?最主要的原因是 underscore 简短精悍(约 1.5k 行),封装了 100 多个有用的方法,耦合度低,非常适合逐个方法阅读,适合楼主这样的 JavaScript

javascript数组去重算法-----5

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>javascript数组去重算法-----3</title> 6 </head> 7 <body> 8 <script> 9 var arr = [1,1,2,2,3,2,2,3,3,1,1,4,4,5

JavaScript数组去重的7种方式

1.利用额外数组 function unique(array) {    if (!Array.isArray(array)) return;     let newArray = [];    for(let i=0, len=array.length; i<len; i++) {        let itemAtIndex = array[i];        if (!newArray.includes(itemAtIndex)) { // newArray.indexOf(itemAt