当前位置:首页 > jquery

jquery 去重

2026-02-03 19:24:48jquery

jQuery 数组去重方法

使用 jQuery 可以对数组进行去重操作,以下是几种常见的方法:

使用 $.unique() 方法

$.unique() 是 jQuery 提供的去重方法,但它仅适用于 DOM 元素数组的去重,不适用于普通数组。
示例:

var arr = [1, 2, 2, 3, 4, 4, 5];
var uniqueArr = $.unique(arr); // 不适用于普通数组

使用 $.grep()$.inArray()

结合 $.grep()$.inArray() 可以实现数组去重。
示例:

var arr = [1, 2, 2, 3, 4, 4, 5];
var uniqueArr = $.grep(arr, function(item, index) {
    return $.inArray(item, arr) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

使用 ES6 Set(推荐)

虽然不是 jQuery 原生方法,但在现代浏览器中,结合 jQuery 可以更高效地实现去重。
示例:

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

使用 $.each() 和对象键值去重

通过遍历数组并利用对象的键唯一性实现去重。
示例:

jquery 去重

var arr = [1, 2, 2, 3, 4, 4, 5];
var temp = {};
$.each(arr, function(index, item) {
    temp[item] = true;
});
var uniqueArr = Object.keys(temp).map(Number);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

注意事项

  • $.unique() 仅适用于 DOM 元素数组,普通数组需使用其他方法。
  • 推荐使用 ES6 Set 方法,简洁高效。
  • 如果需兼容旧浏览器,可使用 $.grep() 或遍历方法。

标签: jquery
分享给朋友:

相关文章

jquery文档

jquery文档

以下是关于 jQuery 文档的核心资源和使用方法整理: jQuery 官方文档 jQuery 官方文档是学习和使用 jQuery 最权威的资源,包含详细的 API 说明、示例和更新日志。…

锋利的jquery

锋利的jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“写得更少,做得更多”,适合快速开发动态网…

js jquery

js jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…

jquery 对象

jquery 对象

jQuery 对象简介 jQuery 对象是通过 jQuery 选择器或方法创建的封装了 DOM 元素的集合。它是一个类数组对象,包含一组 DOM 元素并提供 jQuery 特有的方法链式操作。 创…

jquery菜单

jquery菜单

以下是关于使用jQuery创建交互式菜单的几种常见方法及实现示例: 基础下拉菜单实现 通过jQuery的slideToggle和toggleClass实现简单下拉效果: $('.menu-item…

jquery赋值

jquery赋值

jQuery 赋值操作 jQuery 提供了多种方法对 HTML 元素的属性、内容、样式等进行赋值操作。以下是常见的几种赋值方式: 文本内容赋值 使用 text() 方法可以设置元素的文本内容,该…