当前位置:首页 > 日记 > 正文

详解JavaScript数组过滤相同元素的5种方法

详解JavaScript数组过滤相同元素的5种方法

方法一:比较内层循环变量的值.

var arr = [1, 2, 3, 1, 3, 4, 5, 5];var resultArr = [];for (i = 0; i < arr.length; i++) {  for (j = 0; j < resultArr.length; j++) {    if (resultArr[j] == arr[i]) {      break;    }  }  if (j == resultArr.length) {    resultArr[resultArr.length] = arr[i];  }}console.log(resultArr); //1,2,3,4,5

方法二:计数法.

var arr = [1, 2, 3, 1, 3, 4, 5, 5];var count;var resultArr = [];for (i = 0; i < arr.length; i++) {  count = 0;  for (j = 0; j < resultArr.length; j++) {    if (resultArr[j] == arr[i]) {      count++;      break;    }  }  if (count == 0) {    resultArr[resultArr.length] = arr[i];  }}console.log(resultArr); //1,2,3,4,5

方法三:flag标志法(也叫假设成立法)

var arr = [1, 2, 3, 1, 2, 3, 4, 5, 5];var resultArr = []; //[1,2,3]var flag;for (var i = 0; i < arr.length; i++) {  flag = true;  for (j = 0; j < resultArr.length; j++) {    if (resultArr[j] == arr[i]) {      flag = false;      break;    }  }  if (flag) {    resultArr[resultArr.length] = arr[i];  }}console.log(resultArr);//1,2,3,4,5

方法四:使用sort()方法排序后比较

var arr = [1, 2, 3, 1, 2, 3, 4, 5, 5];var resultArr = [];arr.sort(function (a, b) {  return a - b;});//这个时候arr变成了[1, 1, 2, 2, 3, 3, 4, 5, 5]for (i = 0; i < arr.length; i++) {  if (arr[i] != arr[i + 1]) {    resultArr[resultArr.length] = arr[i];  }}console.log(resultArr);

方法五:使用filter()方法筛选掉重复的数组

var arr = [1, 2, 3, 1, 2, 3, 4, 5, 5];var resultArr;resultArr = arr.filter(function (item, index, self) {  return self.indexOf(item) == index;});console.log(resultArr);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关文章

Bootstrap Multiselect插件使用步

Bootstrap Multiselect插件使用步

参数,插件使用,步骤,配置详解,常见, Multiselect是基于jQuery插件的,它可以以下拉列表的形式为用户提供选择内容,能进行单选或者多选。它应用的主要步骤如下:一,引入需要的相关js和css文件既然是Bootstrap插件,又是基于jQuery的,很明显主要就导入…

jQuery动态生成不规则表格 | 前后

jQuery动态生成不规则表格 | 前后

动态生成,不规则,表格,电脑软件,jQuery,一、需求:有这么一张表前四个属性当作联合主键需要把该表所有的行在前端以表格形式显示出来,要求activityId相同时合并成一行,activityCode相同时,合并一行,activityVersion相同时也合并一行。类似这种:二…

React-router v4 路由配置方法小结

React-router v4 路由配置方法小结

方法,路由配置,电脑软件,React,router,本文主要介绍了React-router v4 路由配置方法小结,分享给大家,也给自己留个笔记一. Switch 、Router 、Route三者的区别1、RouteRoute 是建立location 和 ui的最直接联系2、Routerreact-router v4 中,Rou…

详解Vue + Vuex 如何使用 vm.$next

详解Vue + Vuex 如何使用 vm.$next

如何使用,详解,电脑软件,Vue,Vuex,vm.$nextTick简单说,因为DOM至少会在当前tick里面的代码全部执行完毕再更新。所以不可能做到在修改数据后并且DOM更新后再执行,要保证在DOM更新以后再执行某一块代码,就必须把这块代码放到下一次事件循环里面…

使用canvas及js简单生成验证码方法

使用canvas及js简单生成验证码方法

方法,验证码,简单,电脑软件,canvas,在很多时候都需要用到验证码,前端验证码需要知道Html5中的canvas知识点。验证码生成步骤是:1.生成一张画布canvas2.生成随机数验证码 3.在画布中生成干扰线 4.把验证码文本填充到画布中 5.点击画布更换验证…

正则表达式字符类加深理解

正则表达式字符类加深理解

字符,正则表达式,电脑软件,正则表达式字符类加深理解:一.基本概念:字符类相对来说是比较简单的,但是也有可能由于理解不够深入或者大意造成一些误区,下面再来做一下介绍。字符类[]能够匹配包含在中括号中的一系列字符中的任意一个,但是匹配的…

Excel表格制作中如何隐藏函数

Excel表格制作中如何隐藏函数

函数,表格,电脑软件,Excel,  在一般的Excel使用中的公式或者函数,是完全能够让浏览者看到的。那么如果有办法将Excel中的公式或函数隐藏起来,只显示运算结果,这样会比较好。以下是小编为您带来的关于Excel隐藏函数,希望对您有所帮助。Excel隐…

Photoshop利用滤镜制作彩色拉丝效

Photoshop利用滤镜制作彩色拉丝效

滤镜,彩色,效果,电脑软件,Photoshop,今天为大家分享Photoshop制作彩色拉丝效果方法,操作很简单的,喜欢的朋友可以参考本文,来看看吧!1、在ps软件中,新建一个800*800的文档,填充黑色,然后在滤镜中添加镜头光晕,如图所示2、再次在滤镜中添加镜头光晕,…

JavaScript数组push方法使用注意事

JavaScript数组push方法使用注意事

方法,数组,注意事项,电脑软件,JavaScript,js 数组的push方法,想必大家都知道是向数组末尾添加元素,但是有一个很关键的点需注意:引自 MDN返回值当调用该方法时,新的 length 属性值将被返回。var sports = ["soccer", "baseball"];var total…

word设置纸张大小的两种方法

word设置纸张大小的两种方法

方法,设置,纸张,大小,两种,  办公经常学要调节纸张大小,虽然常用,但偶尔还是会忘记如何调整纸张大小的方法,那么下面就由小编给大家分享下word设置纸张大小的技巧,希望能帮助到您。word设置纸张大小方法一步骤一:打开word软件,点击桌面快捷图标…

Visual Studio 2017正式版发布 Mac

Visual Studio 2017正式版发布 Mac

新功能,正式版,特性,有哪些,电脑软件, 期待已久的由微软推出的软件开发工具Visual Studio 2017正式版马上要推出了,而Visual Studio 2017 正式版发布时间和Mac版新特性有哪些呢?让我们见证一下Visual Studio 20周年纪念的倾情推荐吧。…

JavaScript基础之this详解

JavaScript基础之this详解

详解,基础,电脑软件,JavaScript,JavaScript的this和Java等面向对象语言中的this大不一样,bind()、call()和apply()函数更是将this的灵活度进一步延伸。为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。如果对…