当前位置:首页 > jquery

jquery 去重

2026-02-03 19:24:48jquery

jQuery 数组去重方法

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

使用 $.unique() 方法

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

jquery 去重

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

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

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

jquery 去重

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() 和对象键值去重

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

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 是一个轻量级的 JavaScript 库,简化了…

jquery获取radio选中的值

jquery获取radio选中的值

获取radio选中的值 使用jQuery获取被选中的radio按钮的值可以通过以下几种方法实现: 方法1:使用:checked选择器 var selectedValue = $('input[na…

jquery表单

jquery表单

jQuery 表单操作 jQuery 提供了丰富的 API 用于表单操作,包括表单元素的选择、值获取与设置、事件处理等。 表单元素选择 使用 jQuery 选择器可以方便地选取表单元素: // 选…

jquery菜单

jquery菜单

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

jquery 菜单

jquery 菜单

jQuery 菜单实现方法 使用 jQuery 创建动态菜单可以通过多种方式实现,以下是几种常见的方法: 基于 HTML 和 CSS 的基础结构 创建菜单的 HTML 结构通常使用无序列表 <…

jquery vue

jquery vue

jQuery 与 Vue.js 的对比 jQuery 和 Vue.js 是两种不同的前端技术,适用于不同的开发场景。 jQuery 用途:主要用于 DOM 操作、事件处理和 AJAX 请求。…