JS中数组Array的用法示例介绍

在JavaScript中，数组（Array）是一种使用非常广泛的数据结构，它允许你存储和操作一系列的值。以下是一些数组的基本用法示例：

### 1. 创建数组

// 使用数组字面量
let fruits = ['Apple', 'Banana', 'Cherry'];

// 使用Array构造函数
let numbers = new Array(1, 2, 3, 4, 5);

// 创建一个具有特定长度但未初始化的数组
let emptyArray = new Array(5); // 长度为5，但所有项都是undefined

### 2. 访问数组元素

console.log(fruits[0]); // 输出: Apple
console.log(numbers[2]); // 输出: 3

### 3. 插入元素

JavaScript 数组是动态的，你可以随时添加或删除元素。

fruits.push('Date'); // 在数组末尾添加元素
console.log(fruits); // 输出: ['Apple', 'Banana', 'Cherry', 'Date']

fruits.unshift('Orange'); // 在数组开头添加元素
console.log(fruits); // 输出: ['Orange', 'Apple', 'Banana', 'Cherry', 'Date']

// 也可以通过索引直接赋值来插入或修改元素
fruits[2] = 'Grape';
console.log(fruits); // 输出: ['Orange', 'Apple', 'Grape', 'Cherry', 'Date']

### 4. 删除元素

let removed = fruits.pop(); // 移除并返回数组的最后一个元素
console.log(fruits); // 输出: ['Orange', 'Apple', 'Grape', 'Cherry']
console.log(removed); // 输出: Date

let firstRemoved = fruits.shift(); // 移除并返回数组的第一个元素
console.log(fruits); // 输出: ['Apple', 'Grape', 'Cherry']
console.log(firstRemoved); // 输出: Orange

// 也可以使用splice方法删除元素
fruits.splice(1, 1); // 从索引1开始删除1个元素
console.log(fruits); // 输出: ['Apple', 'Cherry']

### 5. 遍历数组

// 使用for循环
for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

// 使用forEach方法
fruits.forEach(function(item) {
    console.log(item);
});

// 使用for...of循环（ES6+）
for (let fruit of fruits) {
    console.log(fruit);
}

### 6. 数组方法

JavaScript 提供了许多内置方法来操作数组，如 `map()`, `filter()`, `reduce()` 等。

// 使用map方法将数组中的每个元素乘以2
let doubled = fruits.map(function(item) {
    return item.length * 2;
});
console.log(doubled); // 输出每个单词长度的两倍

// 使用filter方法筛选出长度大于5的字符串
let longWords = fruits.filter(function(item) {
    return item.length > 5;
});
console.log(longWords); // 假设fruits中有符合条件的元素

这些示例展示了JavaScript中数组的一些基本用法。数组是非常强大的数据结构，能够支持复杂的操作和数据管理。