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

js数组去重的四种方法

AndyGuo2020-06-02 10:06:08【web前端】2492人已围观

简介数组在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数组去重的四种方法，希望能帮到大家。

顶一下 （3） 赏 踩一下 （0）
小郭博客

相关文章

最新发表

标签云 更多

点击排行

站长特荐

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