〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」

在JavaScript中，数组是一种特殊的对象，它能在单个的变量名下存储多个值。

1. 创建数组

let fruits = ['apple', 'banana', 'cherry'];

2. 访问数组元素

console.log(fruits[0]); // 输出 'apple'

3. 更新数组元素

fruits[0] = 'orange';
console.log(fruits[0]); // 输出 'orange'

4. 在数组末尾添加元素

fruits.push('peach');
console.log(fruits); // 输出 ['orange', 'banana', 'cherry', 'peach']

5. 删除数组最后一个元素

fruits.pop();
console.log(fruits); // 输出 ['orange', 'banana', 'cherry']

6. 在数组开头添加元素

fruits.unshift('strawberry');
console.log(fruits); // 输出 ['strawberry', 'orange', 'banana', 'cherry']

7. 删除数组第一个元素

fruits.shift();
console.log(fruits); // 输出 ['orange', 'banana', 'cherry']

8. 使用数组的函数方法（例如 map, filter, reduce）

let nums = [1, 2, 3, 4, 5];
let sum = nums.reduce((total, num) => total + num);
console.log(sum); // 输出 15

9. 使用循环遍历数组

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

10. 使用 forEach 方法遍历数组

fruits.forEach(fruit => console.log(fruit));

11. 使用 for...of 循环遍历数组

for (const fruit of fruits) {
  console.log(fruit);
}

12. 数组的合并

let moreFruits = ['grape', 'fig'];
let allFruits = fruits.concat(moreFruits);
console.log(allFruits); // 输出 ['orange', 'banana', 'cherry', 'grape', 'fig']

13. 数组的克隆

let fruitsCopy = fruits.slice();
console.log(fruitsCopy); // 输出 ['orange', 'banana', 'cherry']

14. 数组元素的搜索

let index = fruits.indexOf('banana');
console.log(index); // 输出 1

15. 数组元素的排序

let sortedNums = nums.sort((a, b) => a - b);
console.log(sortedNums); // 输出 [1, 2, 3, 4, 5]

16. 数组的反转

fruits.reverse();
console.log(fruits); // 输出 ['cherry', 'banana', 'orange']

17. 数组的截取

let partFruits = fruits.slice(1, 3);
console.log(partFruits); // 输出 ['banana', 'cherry']

18. 数组的转换为字符串

console.log(fruits.join(' - ')); // 输出 'orange - banana - cherry'

19. 检查数组中是否包含某个元素

console.log(fruits.includes('banana')); //