📜  JavaScript-数组对象(1)

📅  最后修改于: 2023-12-03 15:16:16.724000             🧑  作者: Mango

JavaScript-数组对象

JavaScript中的数组对象是一种有序、可变、可迭代的集合类型,它可以存储任意类型的数据。数组对象是常用的数据结构之一,非常重要。

创建数组

我们可以使用以下几种方式来创建数组对象:

1. 字面量
const arr = [1, 2, 3];
2. 构造函数
const arr = new Array(1, 2, 3);
3. Array.of()
const arr = Array.of(1, 2, 3);
4. Array.from()
const arr = Array.from([1, 2, 3]);
访问数组元素

我们可以使用以下方式来访问数组元素:

1. 索引访问
const arr = [1, 2, 3];
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr[2]); // 3
2. 迭代器访问
const arr = [1, 2, 3];
const iterator = arr.values();

console.log(iterator.next().value); // 1
console.log(iterator.next().value); // 2
console.log(iterator.next().value); // 3
3. for...of循环访问
const arr = [1, 2, 3];

for (const val of arr) {
  console.log(val);
}
数组操作

数组对象有许多操作方法,以下是常用的方法:

1. push() 和 pop()
const arr = [1, 2, 3];
arr.push(4); // [1, 2, 3, 4]
arr.pop(); // [1, 2, 3]
2. unshift() 和 shift()
const arr = [1, 2, 3];
arr.unshift(0); // [0, 1, 2, 3]
arr.shift(); // [1, 2, 3]
3. splice()
const arr = [1, 2, 3];
arr.splice(1, 1, 4); // [1, 4, 3]
4. reverse()
const arr = [1, 2, 3];
arr.reverse(); // [3, 2, 1]
5. sort()
const arr = [3, 1, 2];
arr.sort(); // [1, 2, 3]
6. concat()
const arr1 = [1, 2];
const arr2 = [3, 4];
const arr3 = arr1.concat(arr2); // [1, 2, 3, 4]
7. slice()
const arr = [1, 2, 3, 4];
const arr1 = arr.slice(1, 3); // [2, 3]
数组遍历
1. forEach()
const arr = [1, 2, 3];

arr.forEach((val, index, arr) => {
  console.log(`Value: ${val}, Index: ${index}, Array: ${arr}`);
});
2. map()
const arr = [1, 2, 3];

const newArr = arr.map((val, index, arr) => {
  return val * 2;
});

console.log(newArr); // [2, 4, 6]
3. filter()
const arr = [1, 2, 3, 4];

const newArr = arr.filter((val, index, arr) => {
  return val % 2 === 0;
});

console.log(newArr); // [2, 4]
4. reduce()
const arr = [1, 2, 3];

const result = arr.reduce((total, val, index, arr) => {
  return total + val;
}, 0);

console.log(result); // 6
总结

JavaScript的数组对象是一种非常实用的数据结构,拥有丰富的操作方法和遍历方式。了解和熟练使用数组对象,将有助于我们更快地开发出高效、可靠的程序。