JavaScript之Array数组对象详解

什么是数组

在 JavaScript 中，数组（Array）是一种复合数据类型，用于存储一组有序的数据。可以将数组看作是一个盒子，该盒子中可以存放多个数据，而且这些数据是有序的，通过下标（索引）来访问每一个数据。

数组的创建

JavaScript 中，可以使用两种方式来创建数组：

1. 使用字面量方式创建数组

let arr = [1, 2, 3];
console.log(arr); // [1, 2, 3]
console.log(typeof arr); // object

2. 使用 Array 构造函数创建数组

let arr = new Array(1, 2, 3);
console.log(arr); // [1, 2, 3]
console.log(typeof arr); // object

数组的基本操作

访问数组元素

数组的每个元素都有一个对应的下标，下标从 0 开始，以数组的长度减 1 结尾。可以通过下标来访问数组中的元素。

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[0] = 4;
arr[1] = 5;
arr[2] = 6;
console.log(arr); // [4, 5, 6]

获取数组长度

可以使用数组的 length 属性来获取数组的长度。

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

添加元素

可以使用数组的 push 方法来在数组的末尾添加一个或多个元素。

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

删除元素

可以使用数组的 pop 方法来删除数组末尾的元素。

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

数组遍历

可以使用 for 循环或 forEach 方法来遍历数组。

let arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

arr.forEach(function(item) {
  console.log(item);
});

数组的高级操作

数组的排序

可以使用数组的 sort 方法来对数组进行排序。默认情况下，该方法使用 ASCII 码对数组进行排序。

let arr = ['banana', 'apple', 'orange'];
arr.sort();
console.log(arr); // ['apple', 'banana', 'orange']

如果需要根据某个特定的条件进行排序，可以传递一个函数给 sort 方法。

let arr = [
  { name: 'Apple', price: 2.5 },
  { name: 'Orange', price: 1.8 },
  { name: 'Banana', price: 3.2 }
];
arr.sort(function(a, b) {
  return a.price - b.price;
});
console.log(arr);
// [
//   { name: 'Orange', price: 1.8 },
//   { name: 'Apple', price: 2.5 },
//   { name: 'Banana', price: 3.2 }
// ]

数组的过滤

可以使用数组的 filter 方法来过滤数组中的元素。

let arr = [1, 2, 3, 4, 5];
let result = arr.filter(function(item) {
  return item % 2 === 0;
});
console.log(result); // [2, 4]

数组的映射

可以使用数组的 map 方法来将数组的每个元素映射为一个新的元素。

let arr = [1, 2, 3];
let result = arr.map(function(item) {
  return item * 2;
});
console.log(result); // [2, 4, 6]

示例说明

实现一个数组去重函数

function unique(arr) {
  let result = [];
  for (let i = 0; i < arr.length; i++) {
    if (result.indexOf(arr[i]) === -1) {
      result.push(arr[i]);
    }
  }
  return result;
}

let arr = [1, 2, 3, 1, 2, 5];
console.log(unique(arr)); // [1, 2, 3, 5]

实现一个数组求和函数

function sum(arr) {
  let result = 0;
  for (let i = 0; i < arr.length; i++) {
    result += arr[i];
  }
  return result;
}

let arr = [1, 2, 3, 4, 5];
console.log(sum(arr)); // 15

总结

本文对 JavaScript 中的数组进行了详细的讲解，包括了数组的创建、基本操作、高级操作等内容。具体而言，讨论了数组的定义及创建、访问、修改、长度获取、添加元素、删除元素、遍历、排序、过滤和映射等操作。最后，通过两个示例，加深了对数组操作的理解和运用。