jquery遍历数组与筛选数组的方法

下面是关于jQuery遍历和筛选数组的方法的详细讲解：

遍历数组

1. each方法

使用each方法遍历数组很简单，只需要将数组作为each方法的参数，然后在回调函数中操作即可。回调函数中可以接收两个参数：元素的索引和元素本身。以下是一个例子：

var arr = ['apple', 'banana', 'orange'];
$.each(arr, function(index, value){
  console.log(index, value);
});

输出结果为：

0 "apple"
1 "banana"
2 "orange"

2. map方法

map方法和each方法有点类似，但是它的回调函数会返回一个新的值，map方法最终会返回一个新数组。以下是一个例子：

var arr = [1, 2, 3];
var newArr = $.map(arr, function(value, index){
  return value * 2;
});
console.log(newArr);

输出结果为：

[2, 4, 6]

筛选数组

1. grep方法

grep方法可以筛选一个数组，返回一个新的数组，新数组中只包含满足条件的元素。以下是一个例子：

var arr = [1, 2, 3, 4, 5, 6];
var newArr = $.grep(arr, function(value, index){
  return value % 2 === 0;
});
console.log(newArr);

输出结果为：

[2, 4, 6]

2. filter方法

和grep方法类似，filter也是筛选数组，返回一个新数组，但是它的回调函数可以返回任意 true / false 值，如果返回 true 则表示该元素满足条件。以下是一个例子：

var arr = ['apple', 'banana', 'orange'];
var newArr = $.grep(arr, function(value){
  return value.indexOf('a') !== -1;
});
console.log(newArr);

输出结果为：

["apple", "banana"]

以上就是jquery遍历数组与筛选数组的方法攻略，希望对你有所帮助。