js中怎么写数组

在JavaScript中，数组是一种重要的数据结构，用于存储多个值。 创建数组有多种方式、操作数组的方法也非常丰富。以下将详细介绍如何在JavaScript中创建和操作数组。

一、数组的创建

使用数组字面量

最常见的方式是使用数组字面量，即通过方括号 [] 创建数组：
```
let fruits = ['Apple', 'Banana', 'Cherry'];
```

使用 Array 构造函数

另一种方式是使用 Array 构造函数：

let fruits = new Array('Apple', 'Banana', 'Cherry');

或者创建一个指定长度的数组：

let numbers = new Array(5); // 创建一个长度为5的空数组

二、数组的访问与修改

通过索引访问数组元素

数组中的元素是通过索引访问的，索引从0开始：

let fruits = ['Apple', 'Banana', 'Cherry'];
console.log(fruits[0]); // Apple
console.log(fruits[1]); // Banana

修改数组元素

可以通过索引来修改数组中的元素：

let fruits = ['Apple', 'Banana', 'Cherry'];
fruits[1] = 'Blueberry';
console.log(fruits); // ['Apple', 'Blueberry', 'Cherry']

三、数组的常用操作

添加元素

使用 push 方法在数组末尾添加一个或多个元素：

let fruits = ['Apple', 'Banana'];
fruits.push('Cherry');
console.log(fruits); // ['Apple', 'Banana', 'Cherry']

使用 unshift 方法在数组开头添加一个或多个元素：

let fruits = ['Apple', 'Banana'];
fruits.unshift('Strawberry');
console.log(fruits); // ['Strawberry', 'Apple', 'Banana']

删除元素

使用 pop 方法删除数组末尾的元素：

let fruits = ['Apple', 'Banana', 'Cherry'];
fruits.pop();
console.log(fruits); // ['Apple', 'Banana']

使用 shift 方法删除数组开头的元素：

let fruits = ['Apple', 'Banana', 'Cherry'];
fruits.shift();
console.log(fruits); // ['Banana', 'Cherry']

四、数组的遍历

使用 for 循环

let fruits = ['Apple', 'Banana', 'Cherry'];
for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

使用 forEach 方法

let fruits = ['Apple', 'Banana', 'Cherry'];
fruits.forEach(function(fruit) {
  console.log(fruit);
});

使用 for...of 循环

let fruits = ['Apple', 'Banana', 'Cherry'];
for (let fruit of fruits) {
  console.log(fruit);
}

五、数组的其他常用方法

map 方法

map 方法创建一个新数组，其结果是对原数组的每个元素调用一个提供的函数后的返回值：

let numbers = [1, 2, 3];
let doubled = numbers.map(function(number) {
  return number * 2;
});
console.log(doubled); // [2, 4, 6]

filter 方法

filter 方法创建一个新数组，其中包含所有通过测试函数的元素：

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

reduce 方法

reduce 方法对数组中的每个元素执行一个提供的函数，并将其结果汇总为单个返回值：

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(total, number) {
  return total + number;
}, 0);
console.log(sum); // 15

find 方法

find 方法返回数组中满足提供的测试函数的第一个元素的值：

let numbers = [1, 2, 3, 4, 5];
let firstEvenNumber = numbers.find(function(number) {
  return number % 2 === 0;
});
console.log(firstEvenNumber); // 2

some 方法

some 方法测试数组中的某些元素是否通过由提供的函数实现的测试：

let numbers = [1, 2, 3, 4, 5];
let hasEvenNumber = numbers.some(function(number) {
  return number % 2 === 0;
});
console.log(hasEvenNumber); // true

every 方法

every 方法测试数组中的所有元素是否都通过由提供的函数实现的测试：

let numbers = [1, 2, 3, 4, 5];
let allEvenNumbers = numbers.every(function(number) {
  return number % 2 === 0;
});
console.log(allEvenNumbers); // false

六、二维数组和多维数组

创建二维数组

let matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

访问和修改二维数组

console.log(matrix[0][1]); // 2
matrix[1][2] = 10;
console.log(matrix); // [[1, 2, 3], [4, 5, 10], [7, 8, 9]]

七、数组的排序

使用 sort 方法

sort 方法用于对数组的元素进行排序，并返回数组。默认排序顺序是根据字符串Unicode码点：
```
let fruits = ['Banana', 'Apple', 'Cherry'];
fruits.sort();
console.log(fruits); // ['Apple', 'Banana', 'Cherry']
```

自定义排序函数

可以传递一个比较函数来定义自定义的排序顺序：

let numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
  return a - b; // 从小到大排序
});
console.log(numbers); // [1, 2, 3, 4, 5]

八、数组的复制

使用 slice 方法

slice 方法返回一个新的数组对象，这一对象是一个从开始到结束（不包括结束）选择的原数组的浅拷贝。原始数组不会被改变：
```
let fruits = ['Apple', 'Banana', 'Cherry'];
let newFruits = fruits.slice();
console.log(newFruits); // ['Apple', 'Banana', 'Cherry']
```

使用扩展运算符

扩展运算符（spread operator）也可以用于复制数组：

let fruits = ['Apple', 'Banana', 'Cherry'];
let newFruits = [...fruits];
console.log(newFruits); // ['Apple', 'Banana', 'Cherry']

九、数组的合并

使用 concat 方法

concat 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组：

let fruits1 = ['Apple', 'Banana'];
let fruits2 = ['Cherry', 'Date'];
let allFruits = fruits1.concat(fruits2);
console.log(allFruits); // ['Apple', 'Banana', 'Cherry', 'Date']