掌握JavaScript数组
#javascript #编程 #数组 #data

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

JavaScript数组为零索引,这意味着第一个元素以0的索引访问,第二个元素,索引为1等。您可以在数组中添加,删除和修改元素,使其成为存储和操纵数据的多功能工具。

这是存储水果列表的JavaScript数组的示例:

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

在这种情况下,阵列变量果实包含三个元素:“苹果”,“香蕉”和“橙色”。您可以使用各自的索引值访问各个元素,例如水果[0]来访问“ Apple”。数组还提供了各种内置方法,用于执行操作,例如添加,删除或搜索数组中的元素。

在本文中,我们将讨论基本数组方法。

Image description

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.每个()

它允许检查数组中的所有元素是否通过测试(作为函数提供)。如果它找到函数返回false值的数组元素,则每个()返回false(并且不检查其余值)。否则,它返回true。

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

5.一些()

它允许检查数组中的任何元素是否通过测试(作为函数提供)。如果该函数返回真实值的数组元素,则某些()将返回true(并且不检查其余值)。否则,它返回false。

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

6.包括()

它允许检查数组是否包含指定的元素,返回正确或错误。

 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. find()

它允许在满足提供的测试功能的提供的数组中返回第一个元素的值。

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

10. FindIndexof()

它允许返回满足提供的测试功能的数组中第一个元素的索引。否则,它返回-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. slice()

它允许提取数组的一部分并返回新数组。

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. push()

它允许在数组的末端添加一个或多个元素并返回数组的新长度。

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

15. pop()

它允许从数组中删除最后一个元素并返回该元素。

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

16. Shift()

它允许从数组中删除第一个元素,并返回删除元素。

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

17. unshift()

它允许将一个或多个元素添加到数组的开头,并返回数组的新长度。

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