您现在的位置是:首页 > 学无止境 > web前端web前端

js数组去重的四种方法

AndyGuo2020-06-02web前端224人已围观

简介数组在js中是常用的一种数据类型,对数组的一些操作尤为重要,本篇文章给大家讲解一下,如何对JS数组去重处理。下面看代码:

数组在js中是常用的一种数据类型,对数组的一些操作尤为重要,本篇文章给大家讲解一下,如何对JS数组去重处理。下面看代码:

//第一种方法
Array.prototype.removeDuplicate = function() {
    var n = [];
    for (var i = 0; i < this.length; i++) {
        if (n.indexOf(this[i]) == -1) {
            n.push(this[i]);
        }
    }
    return n;
}
var arr = [1, 2, 3, 3, 2, '我', '我', 34, '我', NaN, NaN];
var m1 = arr.removeDuplicate();
console.log(m1); //[1, 2, 3, "我", 34, "我的", NaN, NaN]
document.write("第一种方法<br>");
document.write("数组值:"+arr + "<br>");
document.write("删除重复后:"+m1);
//第二种方法
Array.prototype.removeDuplicate = function() {
    var n = [];
    for (var i = 0; i < this.length - 1; i++) {
        if (this.indexOf(this[i]) == i) {
            n.push(this[i]);
        }
    }
    return n;
}
var m2 = arr.removeDuplicate();
console.log(m2); //[1, 2, 3, "我", 34, "我的"]
//第三种方法
Array.prototype.removeDuplicate = function() {
    var n = [],
    m = {};
    for (var i = 0; i < this.length; i++) {
        if (!m[this[i]]) {
            m[this[i]] = true;
            n.push(this[i]);
        }
    }
    return n;
}
var m3 = arr.removeDuplicate();
console.log(m3); //[1, 2, 3, "我", 34, "我的", NaN]
//第四种方法
Array.prototype.removeDuplicate = function() {
    var n = [];
    this.sort();
    for (var i = 0; i < this.length; i++) {
        if (this[i] != this[i + 1]) {
            n.push(this[i]);
        }
    }
    return n;
}
var m4 = arr.removeDuplicate();
console.log(m4); //[1, 2, 3, 34, NaN, NaN, "我", "我的"]

好啦,以上就是JS数组去重的四种方法,希望能帮到大家。

小郭博客

文章评论

表情

共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

站长特荐

关闭
QQ 微信 支付宝扫一扫打赏