1、ES6 : set

  注set的坑:

    类数组转为数组,ES6提供了Array.from的方式,但在ES5中,类数组可以通过[].sclice.call(likeArr)转换,但对set无效

      如:var a = new Set([1,1,2,3]);     [].slice.call(a)  -->  [];//得到空数组

    将set转为数组的方式可以为:Array.from(set)  ;    也可以为:var arr = [...set];//同样是es6的,解构方式。。。。

var arr = [1,2,3,3,2,3];

//第一个方案:Set
//Array.from:将类数组对象转为数组
var arr1 = Array.from(new Set(arr)); console.log("方法二:"+arr1);// [1,2,3]

2、for循环,创建新数组

var unique = function(arr){
if(Object.prototype.toString.call(arr)=='[object Array]'){//类型判断
var newArr = [];
for(let i=0,len=arr.length;i<len;i++){
if(newArr.indexOf(arr[i]) < 0){//不存在
newArr.push(arr[i]);
}
}
return newArr;
}else{
return arr;
}
}

3、使用对象的键值属性

function unique2(arr) {
if (Object.prototype.toString.call(arr) !== '[object Array]') return arr; var obj = {};
var newArr = [],type,val;
for(var i=0,len=arr.length;i<len;i++){
val = arr[i],type = typeof val;
if(!obj[val]){//对象中没相应的键值,添加键值,同时赋值类型
obj[val] = [type];
newArr.push(val);
}else if(obj[val].indexOf(type)<0){//
//对象中有键值,但键值中的值对应type和数组元素type不一致,
//此时判断键值的对应值,原因为:
//a[1] 和a["1"]取出来是一样的,所以需要区分1和”1“
obj[val].push(type);
newArr.push(val);
}
}
return newArr;
}
var arr = [1,2,3,3,2,3,4,5,3];
var arr1 = ["1",1,2,"2",3,2];
console.log("第三种方式1:"+unique2(arr));//得到[1,2,3,4,5]
console.log("第三种方式2:"+unique2(arr1));//得到["1", 1, 2, "2", 3]

4、判断数组下标

//判断数组下标
var unique3 = function(arr){
if (Object.prototype.toString.call(arr) !== '[object Array]') return arr;
var newArr = [];
for(var i=0,len=arr.length;i<len;i++){
//如果当前数组的第i项在当前数组中第一次出现的位置不是i,
//那么表示第i项是重复的,忽略掉。否则存入结果数组
if(arr.indexOf(arr[i])==i){
newArr.push(arr[i]);
}
}
return newArr;
}

5、排序后,给新数组逐个添加,并在添加前判断,新数组中的最后一个是否相等,注意此处一定为全等

// 将相同的值相邻,然后遍历去除重复值
function unique4(array){
array.sort(); //排序后,相同的值就会排在一起
var re=[array[0]];
for(var i = 1; i < array.length; i++){
if( array[i] !== re[re.length-1]){ //每次添加比较新数组的最后一个
re.push(array[i]);
}
}
return re;
}

js的去重的更多相关文章

  1. js数组去重的4种方法

    js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.inde ...

  2. JS 数组去重(数组元素是对象的情况)

    js数组去重有经典的 几种方法 但当数组元素是对象时,就不能简单地比较了,需要以某种方式遍历各值再判断是否已出现. 因为: 1.如果是哈希判断法,对象作哈希表的下标,就会自动转换成字符型类型,从而导致 ...

  3. js数组去重常用方法

    js数组去重是面试中经常会碰到的问题,无论是前端还是node.js数组常见的有两种形式,一种是数组各元素均为基本数据类型,常见的为数组字符串格式,形如['a','b','c'];一种是数组各元素不定, ...

  4. js 数组去重小技巧

    js 数组去重小技巧 Intro 今天遇到一个问题,需要对数据进行去重,想看一下有没有什么比较方便的方法,果然有些收获. Question 问题描述: 我有一个这样的数据: [ { "Pro ...

  5. JS数组去重的几种常见方法

    JS数组去重的几种常见方法 一.简单的去重方法 // 最简单数组去重法 /* * 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ ...

  6. js数组去重五种方法

    今天来聊一聊JS数组去重的一些方法,包括一些网上看到的和自己总结的,总共5种方法(ES5). 第一种:遍历数组法 这种方法最简单最直观,也最容易理解,代码如下: var arr = [2, 8, 5, ...

  7. js数组去重的方法(转)

    JS数组去重的几种常见方法 一.简单的去重方法 // 最简单数组去重法 /* * 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ ...

  8. js字符串去重

    js字符串去重: 1.  去掉字符串前后所有空格: function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } ...

  9. js 数组去重方法汇总

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  10. js数组去重 javascript版

    //js数组去重 //思路: // 1.放入第一个元素 // 2.放入第n个元素,和第n个之前的元素就行比较,如果有重复,则跳过.没有重复就加入数组中 // 3.返回新的去重后数组 Array.pro ...

随机推荐

  1. WebForm母版页

    母版页:可以把界面的部分代码进行重用 添加新项-母版页 在母版页中界面代码不要写在 <asp:ContentPlaceHolder ID="head" runat=" ...

  2. PTA第二个编程题总结

    7-1 币值转换 (20 分) 输入一个整数(位数不超过9位)代表一个人民币值(单位为元),请转换成财务要求的大写中文格式.如23108元,转换后变成“贰万叁仟壹百零捌”元.为了简化输出,用小写英文字 ...

  3. Navicate 连接mysql问题

    mysql8.0 and Navicate11.2 链接报错问题 亲测有效:记录一下仅供提醒自己 原创: https://blog.csdn.net/xdmfc/article/details/802 ...

  4. 【winform】listbox 列表

    一.Item 一个ListBox是由一个个的Item项组成的 1.向下添加Item lstResult.Items.Add("***" + PostWebRequest(cbxUr ...

  5. Shell 实践、常用脚本

    (1)计算1-100的和. #!/bin/bash n= ` do n=$[$i+$n] done echo $n (2)输一个数字,然后计算出1到数字的和,要求如果输入数字小于1,则重新输入,知道输 ...

  6. 腾讯出品的一个超棒的 Android UI 库

    腾讯出品的一个超棒的 Android UI 库 相信做 Android 久了大家都会有种体会,那就是 Android 开发相对于前端开发来说统一的 UI 开源库比较少.造成这种现象的原因一方面是大多数 ...

  7. SublimeText3安装Highlight插件

    本来机子上装的是版本3,试了试网上的教程,比如这个:http://qq920924960.blog.163.com/blog/static/221611034201411247318866/ 结果都不 ...

  8. HTML基础【5】:表单标签

    表单标签 作用:用于收集用户信息,让用户填写.选择相关信息 格式: <from> 表单标签 </from> 注意事项: 所有的表单内容,都要写在form标签里面 form标签中 ...

  9. 虚拟现实外包公司—VR游戏你不知道的以及你该知道的WebVR

    VR基础——原理其实很简单 我们地球人之所以能够看到立体的景物,是因为双眼可以各自独立看东西,也就是左眼只能看到左眼的景物,而右眼只能看到右眼的景物.因为人类左右两眼有间距,造成两眼的视角有些细微的差 ...

  10. nginx LetsEncrypt

    linux certbot https://certbot.eff.org/ windows letsencrypt-win-simple.V1.9.3(个人认为比新版本好用)https://gith ...