掌握 JavaScript 数组

在 JavaScript 中，数组是一种数据结构，允许您将多个值存储在单个变量中。它是一种特殊类型的对象，包含有序的元素集合。数组可以包含各种数据类型，包括数字、字符串、对象，甚至其他数组。

JavaScript 数组是零索引的，这意味着第一个元素的索引为 0，第二个元素的索引为 1，依此类推。您可以添加、删除和修改数组中的元素，使其成为存储和操作数据的多功能工具。

下面是一个存储水果列表的 JavaScript 数组示例：

let fruits = ["apple", "banana", "orange"];

在本例中，数组变量 fruits 包含三个元素：“apple”、“banana”和“orange”。您可以使用各自的索引值访问单个元素，例如 fruits[0] 来访问“apple”。数组还提供各种内置方法来执行添加、删除或搜索数组中的元素等操作。

在本文中，我们将讨论基本的数组方法。
1.地图（）
它允许迭代数组的每个元素并对每个元素执行指定的操作。它通过对原始数组中的每个元素应用回调函数并返回结果来创建一个新数组。

let numbers = [1, 2, 3, 4, 5];
 let squaredNumbers = numbers.map(function (number) {
     return number * number;
 });
 console.log(squaredNumbers); // Output: [1, 4, 9, 16, 25]

2.过滤器（）
它允许创建一个新数组，其中包含满足特定条件的原始数组中的元素。它遍历数组的每个元素并根据提供的条件测试它们。如果某个元素的条件为真，则该元素包含在新数组中。

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

3. 排序()
   它允许就地对数组的元素进行排序并返回排序后的数组。默认排序顺序是升序，建立在将元素转换为字符串，然后比较它们的 UTF-16 代码单元值序列的基础上。

 let fruits = ['Banana', 'Orange', 'Apple', 'Mango'];
 fruits.sort(); // ['Apple', 'Banana', 'Mango', 'Orange']

4. 每一个()
   它允许检查数组中的所有元素是否通过测试（作为函数提供）。如果找到函数返回假值的数组元素，则 every() 返回假（并且不检查剩余值）。否则，它返回真。

let numbers = [1, 2, 3, 4, 5];
 let result = numbers.every(function (number) {
     return number < 10;
 });
 console.log(result); // Output: true

5.一些（）
它允许检查数组中的任何元素是否通过测试（作为函数提供）。如果找到函数返回真值的数组元素，则 some() 返回真（并且不检查剩余值）。否则，它返回 false。

 let numbers = [1, 2, 3, 4, 5];
 let result = numbers.some(function (number) {
     return number > 10;
 });
 console.log(result); // Output: false

6.包括（）
它允许检查数组是否包含指定元素，并根据需要返回 true 或 false。

let numbers = [1, 2, 3, 4, 5];
 let result = numbers.includes(3);
 console.log(result); // Output: true

7.加入（）
它允许将数组的所有元素连接成一个字符串。

let numbers = [1, 2, 3, 4, 5];
 let result = numbers.join('-');
 console.log(result); // Output: 1-2-3-4-5

8.减少（）
它允许通过对每个元素应用一个函数并将结果传递给函数的下一步来将数组的元素减少为单个值。

let numbers = [1, 2, 3, 4, 5];
 let sum = numbers.reduce(function (accumulator, currentValue) {
     return accumulator + currentValue;
 });
 console.log(sum); // Output: 15

9. 查找()
   它允许返回提供的数组中满足提供的测试函数的第一个元素的值。

 let numbers = [1, 2, 3, 4, 5];
 let result = numbers.find(function (number) {
     return number > 3;
 });
 console.log(result); // Output: 4

10. 查找索引（）
    它允许返回满足提供的测试函数的数组中第一个元素的索引。否则返回-1，表示没有元素通过测试。

let numbers = [1, 2, 3, 4, 5];
let result = numbers.findIndex(function (number) {
    return number > 3;
});
console.log(result); // Output: 3

11.填充()
它允许用静态值填充数组中从起始索引到结束索引的所有元素。

let numbers = [1, 2, 3, 4, 5];
numbers.fill(0, 2, 4);
console.log(numbers); // Output: [1, 2, 0, 0, 5]

12.切片()
它允许提取数组的一部分并返回一个新数组。

let numbers = [1, 2, 3, 4, 5];
let result = numbers.slice(2, 4);
console.log(result); // Output: [3, 4]

13.反向（）
它允许反转数组中元素的顺序。

let numbers = [1, 2, 3, 4, 5];
numbers.reverse();
console.log(numbers); // Output: [5, 4, 3, 2, 1]

14. 推送()
    它允许将一个或多个元素添加到数组的末尾并返回数组的新长度。

let numbers = [1, 2, 3, 4, 5];
numbers.push(6);
console.log(numbers); // Output: [1, 2, 3, 4, 5, 6]

15.弹出（）
它允许从数组中删除最后一个元素并返回该元素。

let numbers = [1, 2, 3, 4, 5];
numbers.pop();
console.log(numbers); // Output: [1, 2, 3, 4]

16. 转移（）
    它允许从数组中删除第一个元素并返回删除的元素。

let numbers = [1, 2, 3, 4, 5];
numbers.shift();
console.log(numbers); // Output: [2, 3, 4, 5]

17.取消移位（）
它允许将一个或多个元素添加到数组的开头并返回数组的新长度。

let numbers = [1, 2, 3, 4, 5];
numbers.unshift(0);
console.log(numbers); // Output: [0, 1, 2, 3, 4, 5]

感谢你的阅读！