当前位置:首页 > jquery

jquery数组

2026-03-02 10:17:28jquery

jQuery 数组操作

jQuery 本身并不提供专门的数组操作工具,但可以与 JavaScript 原生数组方法结合使用。以下是常见的数组操作场景及实现方式。

遍历数组

使用 $.each() 方法可以方便地遍历数组或对象。
语法:

$.each(array, function(index, value) {
    console.log(index + ": " + value);
});

示例:

var arr = ["a", "b", "c"];
$.each(arr, function(i, val) {
    console.log(i + ": " + val); // 输出 0: a, 1: b, 2: c
});

筛选数组

结合 JavaScript 的 filter() 方法实现筛选:

var numbers = [1, 2, 3, 4, 5];
var even = numbers.filter(function(num) {
    return num % 2 === 0;
});
console.log(even); // 输出 [2, 4]

映射数组

使用 map() 方法对数组元素进行转换:

var squares = $.map([1, 2, 3], function(val) {
    return val * val;
});
console.log(squares); // 输出 [1, 4, 9]

合并数组

通过 $.merge() 合并两个数组(会修改第一个数组):

var arr1 = [1, 2];
var arr2 = [3, 4];
$.merge(arr1, arr2);
console.log(arr1); // 输出 [1, 2, 3, 4]

检查元素是否存在

使用 $.inArray()(类似 indexOf):

var arr = ["apple", "banana"];
if ($.inArray("banana", arr) !== -1) {
    console.log("存在");
}

去重数组

结合 $.unique()(仅适用于 DOM 元素数组)或原生方法:

var arr = [1, 2, 2, 3];
var unique = [...new Set(arr)];
console.log(unique); // 输出 [1, 2, 3]

转换为 jQuery 对象

将数组转换为 jQuery 对象(需元素为 DOM):

jquery数组

var divs = $(["<div>", "<div>"]); // 创建两个 div 的 jQuery 对象

注意事项

  • jQuery 的数组方法(如 $.each)通常兼容旧版浏览器。
  • 现代项目中建议优先使用原生 JavaScript 的 forEachfiltermap 等方法。
  • $.makeArray() 可将类数组对象(如 jQuery 对象)转为真数组。

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

相关文章

jquery实现

jquery实现

以下是关于jQuery实现的常见应用场景及方法,分为核心功能模块说明: DOM操作 使用$()选择器获取元素后,可通过链式调用方法操作DOM: $('#element').html('新内容').…

jquery判断

jquery判断

jQuery 判断元素存在与属性方法 使用 jQuery 判断元素是否存在可通过检查选择器返回的 jQuery 对象长度: if ($('#elementId').length > 0) {…

jquery 对象

jquery 对象

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

加载jquery

加载jquery

加载 jQuery 的方法 通过 CDN 加载 推荐使用官方或公共 CDN(内容分发网络)加载 jQuery,速度快且稳定。将以下代码添加到 HTML 文件的 <head> 或 <b…

html jquery

html jquery

HTML 与 jQuery 基础 HTML 是超文本标记语言,用于构建网页的结构和内容。jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Aja…

jquery遍历

jquery遍历

jQuery遍历方法 jQuery提供了多种遍历DOM元素的方法,可以根据需求选择合适的方式操作元素集合。 each()方法 each()方法用于遍历jQuery对象中的每个元素,并对每个元素执行回…