当前位置:首页 > 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 是一个轻量级的 JavaScript 库,简化了…

jquery最新版本

jquery最新版本

jQuery 最新版本 jQuery 是一个广泛使用的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是关于其最新版本的信息: 当前稳定版本 jQuer…

jquery插件

jquery插件

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

jquery手册

jquery手册

jQuery手册概览 jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。以下是核心功能和常用方法的分类整理。 核心方法 $(selector…

jquery选择

jquery选择

jQuery选择器基础 jQuery选择器基于CSS选择器语法,用于快速定位和操作DOM元素。通过$()或jQuery()函数传入选择器字符串实现。 常见选择器类型: 元素选择器:$("p") 选…

jquery js

jquery js

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