jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象

下面是关于"jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象”的详细讲解攻略。

jQuery筛选数组之grep、each、inArray、map的用法

$.grep() 函数的作用是筛选出符合条件的数组元素，并且将它们返回成新的数组。具体的语法如下：

$.grep( array, function(elementOfArray, indexInArray) [, invert] )

其中，array 表示被筛选的数组，function 表示筛选条件，它有两个参数：elementOfArray表示数组的每一项，indexInArray 表示数组的下标。

示例：

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

var newNums = $.grep(nums, function(n, i) {
  return (n > 2);
});

console.log(newNums); // [3, 4, 5]

$.each() 函数的作用是遍历数组或对象，并对它们进行操作，其中，第一个参数可以是数组或者是对象。具体的语法如下：

$.each( collection, callback(indexInArray, valueOfElement) )

其中，collection 表示要遍历的数组或对象，callback 表示要对每一个元素进行的操作，它有两个参数：indexInArray 表示对象或数组的下标，valueOfElement 表示数组或对象的每一个元素。

示例：

var obj = {
  name: 'Tom',
  age: 18,
  sex: 'man'
};

$.each(obj, function(key, value) {
  console.log(key + ': ' + value);
});

$.inArray() 函数的作用是在数组中查找指定的元素，并返回其所在的位置，若不存在该元素，则返回 -1。具体的语法如下：

$.inArray( value, array [, fromIndex ] )

其中，value 表示要查找的元素，array 表示要查找的数组，fromIndex 表示从哪个位置开始查找。

示例：

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

console.log($.inArray(3, nums)); // 2
console.log($.inArray(6, nums)); // -1

$.map() 函数的作用是通过回调函数对数组中的每一个元素进行操作，并将结果返回成新的数组。具体的语法如下：

$.map( array, callback(elementOfArray, indexInArray) )

其中，array 表示被操作的数组，callback 表示对数组中的每一个元素进行操作的回调函数。

示例：

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

var newNums = $.map(nums, function(n, i) {
  return n + 1;
});

console.log(newNums); // [2, 3, 4, 5, 6]

遍历json对象可以使用 $.each() 函数来实现。

示例：

var person = {
  name: 'Tom',
  age: 18,
  gender: 'man'
};

$.each(person, function(key, value) {
  console.log(key + ': ' + value);
});

以上是jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象的攻略，希望能对您有所帮助。