JavaScript jQuery 中定义数组与操作及jquery数组操作

JavaScript中定义和操作数组攻略

什么是数组？

JavaScript中的数组是一个存储同类型元素的有序集合。数组元素可以是数字、字符串、对象等类型。

数组的定义

数组可以通过下面的方式直接定义：

let arr1 = [1, 2, 3];
let arr2 = ['a', 'b', 'c'];
let arr3 = [{name: 'Tom', age: 18}, {name: 'Jerry', age: 21}];

数组的操作

访问数组元素

可以通过下标来访问数组的元素，下标从0开始，例如：

let arr = [1, 2, 3];
console.log(arr[0]); // 输出1
console.log(arr[1]); // 输出2
console.log(arr[2]); // 输出3

修改数组元素

通过下标也可以修改数组的元素，例如：

let arr = [1, 2, 3];
arr[1] = 4;
console.log(arr); // 输出[1, 4, 3]

数组的遍历

数组可以通过循环进行遍历，常用的循环有for循环和forEach()函数，例如：

let arr = [1, 2, 3];
// for循环遍历数组
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

// forEach()函数遍历数组
arr.forEach(function(item, index) {
  console.log(item, index);
});

jQuery数组操作攻略

jQuery也提供了一些数组操作的方法。

将数组转换为jQuery对象

可以通过$()函数将数组转换为一个jQuery对象，例如：

let arr = [1, 2, 3];
let $arr = $(arr);

查找数组元素

jQuery提供了一些查找数组元素的方法，例如：

let arr = [1, 2, 3];
// 查找第一个元素
let $ele1 = $arr.first();
// 查找最后一个元素
let $ele2 = $arr.last();
// 查找某个元素的索引值
let index = $arr.index(2);

遍历数组

jQuery也提供了一些遍历数组的方法，例如：

let arr = [1, 2, 3];
// 遍历每个元素
$arr.each(function(index, item) {
  console.log(item);
});
// 过滤出符合条件的元素
let $newArr = $arr.filter(function(index, item) {
  return item > 1;
});