Jquery 数组操作大全个人总结

在Jquery中，数组操作非常常见，这里总结了一些常见的操作方法。

访问数组中的元素

通过下标访问元素

可以通过数组下标来访问数组中的元素，下标从0开始计数。如下所示：

var arr = ['apple', 'banana', 'orange'];
console.log(arr[0]); // 输出apple
console.log(arr[1]); // 输出banana

获取数组长度

可以使用length属性来获取数组的长度，如下所示：

var arr = ['apple', 'banana', 'orange'];
console.log(arr.length); // 输出3

增加和删除元素

在数组尾部增加元素

可以使用push方法在数组尾部增加元素，如下所示：

var arr = ['apple', 'banana', 'orange'];
arr.push('pear');
console.log(arr); // 输出['apple', 'banana', 'orange', 'pear']

在数组头部增加元素

可以使用unshift方法在数组头部增加元素，如下所示：

var arr = ['apple', 'banana', 'orange'];
arr.unshift('pear');
console.log(arr); // 输出['pear', 'apple', 'banana', 'orange']

删除数组尾部元素

可以使用pop方法删除数组尾部元素，如下所示：

var arr = ['apple', 'banana', 'orange'];
arr.pop();
console.log(arr); // 输出['apple', 'banana']

删除数组头部元素

可以使用shift方法删除数组头部元素，如下所示：

var arr = ['apple', 'banana', 'orange'];
arr.shift();
console.log(arr); // 输出['banana', 'orange']

数组循环和遍历

for循环遍历数组

可以使用for循环遍历数组中的元素，如下所示：

var arr = ['apple', 'banana', 'orange'];
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
// 输出：
// apple
// banana
// orange

使用each方法遍历数组

可以使用$.each方法遍历数组中的元素，如下所示：

var arr = ['apple', 'banana', 'orange'];
$.each(arr, function(index, value){
  console.log(index, value);
});
// 输出：
// 0 "apple"
// 1 "banana"
// 2 "orange"

示例说明

示例一

现在有一个数组arr，要在它的尾部添加一个元素element1，然后在它的头部添加一个元素element2，最后输出arr数组。可以按照以下方式操作：

var arr = ['a', 'b', 'c'];
arr.push('element1');
arr.unshift('element2');
console.log(arr); // 输出["element2", "a", "b", "c", "element1"]

示例二

现在有一个数组arr，要删除它的尾部两个元素，然后遍历输出arr数组。可以按照以下方式操作：

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.pop();
arr.pop();
$.each(arr, function(index, value){
  console.log(index, value);
});
// 输出：
// 0 "a"
// 1 "b"
// 2 "c"