当前位置:首页 > jquery

jquery数组去重

2026-03-16 23:18:19jquery

jQuery数组去重方法

在jQuery中实现数组去重可以通过多种方式实现,以下是几种常见的方法:

方法一:使用jQuery的$.unique()函数

var arr = [1, 2, 2, 3, 4, 4, 5];
var uniqueArr = $.unique(arr.sort()).sort();

注意:$.unique()函数原本设计用于处理DOM元素数组,对普通数组可能表现不稳定。建议先排序数组以获得更好效果。

方法二:使用原生JavaScript的filter方法

jquery数组去重

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

方法三:使用ES6的Set对象

var arr = [1, 2, 2, 3, 4, 4, 5];
var uniqueArr = [...new Set(arr)];

方法四:使用jQuery的$.grep()方法

jquery数组去重

var arr = [1, 2, 2, 3, 4, 4, 5];
var seen = {};
var uniqueArr = $.grep(arr, function(item) {
    return seen.hasOwnProperty(item) ? false : (seen[item] = true);
});

方法五:使用jQuery的$.each()方法

var arr = [1, 2, 2, 3, 4, 4, 5];
var uniqueArr = [];
$.each(arr, function(i, item) {
    if ($.inArray(item, uniqueArr) === -1) {
        uniqueArr.push(item);
    }
});

性能考虑

  • 对于小数组,任何方法都可以
  • 对于大数组,Set方法性能最好
  • 如果需要兼容旧浏览器,filter或$.grep方法更可靠

注意事项

  • 对象数组的去重需要特殊处理,可能需要自定义比较函数
  • NaN值的处理需要额外注意,因为NaN不等于自身

标签: 数组jquery
分享给朋友:

相关文章

jquery版本

jquery版本

jQuery 的版本历史及当前状态如下: 当前稳定版本 jQuery 的最新稳定版本是 3.6.4(发布于 2023 年 3 月),支持现代浏览器并修复了部分安全问题。 主要版本分支…

jquery代码

jquery代码

以下是关于jQuery代码的常见用法和示例,涵盖基础操作、事件处理、DOM操作等核心功能: 基础语法 jQuery通过$()函数选择元素,支持CSS选择器语法: // 选择所有<p>元…

jquery样式

jquery样式

jQuery 样式操作基础 jQuery 提供了多种方法来操作 HTML 元素的样式,包括直接修改 CSS 属性、添加/移除类名等。以下是常见的样式操作方法: 修改 CSS 属性 使用 css()…

css jquery

css jquery

CSS 与 jQuery 的基础用法 CSS(层叠样式表)用于控制网页的样式和布局,而 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Aja…

jquery日期

jquery日期

jQuery 日期处理 jQuery本身不直接提供日期处理功能,但可以结合JavaScript的Date对象或第三方库(如moment.js)来实现日期操作。以下是常见日期处理的实现方法: 获取当前…

jquery 教程

jquery 教程

jQuery 教程概览 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是学习 jQuery 的核心内容和方法。 基础语…