jQuery数组处理函数整理

简介

在前端开发中，我们常常需要对数组进行处理。而jQuery提供了一些非常方便的数组处理函数，本攻略将对这些函数进行整理，力求让读者掌握jQuery中常用的数组处理函数。

函数列表

以下是常用的jQuery数组处理函数：

$.each()

$.each()函数可以用于遍历一个数组或一个对象，使用方式如下：

$.each(array, function(index, value) {
  // 处理代码
});

其中array为要遍历的数组或对象，function(index, value)为处理每个元素的函数。index表示当前元素的索引，value表示当前元素的值。

$.map()

$.map()函数可以对一个数组进行遍历，并返回一个新的数组，使用方式如下：

var newArray = $.map(array, function(value, index){
  // 处理代码
  return newValue;
});

其中array为要遍历的数组，function(value, index)为处理每个元素并返回处理后的新元素的函数，newValue为新元素的值。

$.grep()

$.grep()函数可以用于筛选一个数组中符合条件的元素，使用方式如下：

var newArray = $.grep(array, function(value, index){
  return condition;
});

其中array为要筛选的数组，function(value, index)为用于筛选的函数，condition为筛选条件。

$.inArray()

$.inArray()函数可以用于查找指定元素在一个数组中的位置，使用方式如下：

var index = $.inArray(element, array);

其中element为要查找的元素，array为要查找的数组，返回值为元素在数组中的位置，如果没找到则返回-1。

示例说明

示例1：遍历数组并输出

var array = [1, 2, 3, 4, 5];

$.each(array, function(index, value) {
  console.log("当前索引为" + index + "的值为" + value);
});

运行结果为：

当前索引为0的值为1
当前索引为1的值为2
当前索引为2的值为3
当前索引为3的值为4
当前索引为4的值为5

该示例展示了如何使用$.each()函数遍历一个数组并输出每个元素的值和索引。

示例2：筛选数组中的偶数

var array = [1, 2, 3, 4, 5];

var newArray = $.grep(array, function(value, index){
  return value % 2 == 0;
});

console.log(newArray);

运行结果为：

[2, 4]

该示例展示了如何使用$.grep()函数筛选数组中的偶数，并将筛选结果存入新数组中。