当前位置:首页 > 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官网(https://jquery.com/),点击页面中的“Download”按钮。提供两个版本选择: Production版本:压缩后的精…

jquery官网

jquery官网

jQuery 官网信息 jQuery 的官方网站是 jQuery.com,提供最新的 jQuery 版本下载、文档、教程和插件资源。 官网主要功能 下载 jQuery:提供压缩版(minifi…

react 如何引入jquery

react 如何引入jquery

引入 jQuery 到 React 项目 在 React 项目中引入 jQuery 可以通过多种方式实现,但需要注意 React 和 jQuery 操作 DOM 的方式可能冲突,因此建议仅在必要时使用…

jquery插件

jquery插件

jQuery 插件开发指南 jQuery 插件是一种扩展 jQuery 功能的模块化方式,允许开发者封装可重用的代码。以下是开发和使用 jQuery 插件的基本方法。 插件基本结构 jQuery…

jquery怎么读

jquery怎么读

jQuery的正确发音 jQuery的发音为 "jay-query"(/ˈdʒeɪkwɪəri/)。其中: "jay" 发音类似字母 "J" 的英文读法。 "query" 发音与英文单词 "quer…

jquery和vue的区别

jquery和vue的区别

核心设计理念 jQuery是一个基于DOM操作的轻量级JavaScript库,主要用于简化HTML文档遍历、事件处理、动画设计等任务。它采用命令式编程风格,需要手动操作DOM元素。 Vue是一个渐进…