JavaScript 的重要数组方法是什么？

在本文中，我们将通过一些示例来尝试理解各种重要的 Array 方法（如 push()、pop() 等）。

让我们首先了解如何使用提供的某些语法在 JavaScript 中创建数组。

句法：

我们可以使用以下语法轻松创建数组（即使用这些 []字面量）。

let array = [element1, element2, .....]

或者，我们也可以使用 Array 类（使用 new 关键字和 Array 类默认构造函数）来创建新的 Array 元素，但始终建议我们必须首选使用上述字面量语法。

let array = new Array (element1, elemnet2, .....);

例子：

Javascript

let array = ['Hello', 
    'GeeksforGeeks', 'JavaScript'];
console.log(array);
  
let newArray = new Array ('Hello', 
    'GeeksforGeeks', 'JavaScript');
console.log(newArray);

上述代码片段的输出如下 -

['Hello', 'GeeksforGeeks', 'JavaScript']
['Hello', 'GeeksforGeeks', 'JavaScript']

现在我们已经通过示例了解了数组的创建，现在让我们跳入与数组相关联的几个方法。

JavaScript 数组方法：

1. push() 方法：该方法用于将元素从末尾推送到数组中。

例子：

Javascript

  
let array = ['Hello', 
    'GeeksforGeeks', 'JavaScript'];
      
array.push('React');
console.log(array);
  

上述代码片段的输出如下 -

[ 'Hello', 'GeeksforGeeks', 'JavaScript', 'React' ]

2. pop() 方法：此方法删除数组中存在的最后一个元素。

例子：

Javascript

let array = ["Hello", "GeeksforGeeks", "JavaScript"];
let lastElement = array.pop();
console.log(lastElement);
console.log(array);

上述代码片段的输出如下 -

JavaScript
[ 'Hello', 'GeeksforGeeks' ]

3. shift() 方法：该方法用于从数组中删除第一个元素。

例子：

Javascript

let array = ["Hello", "GeeksforGeeks", "JavaScript"];
let firstElement = array.shift();
console.log(firstElement);
console.log(array);

上述代码片段的输出如下 -

Hello
[ 'GeeksforGeeks', 'JavaScript' ]

4. unshift() 方法：该方法用于从前面添加数组中的元素。

例子：

Javascript

let array = ["Hello", "GeeksforGeeks", "JavaScript"];
array.unshift("React");
console.log(array);

上述代码片段的输出如下 -

[ 'React', 'Hello', 'GeeksforGeeks', 'JavaScript' ]

5. indexOf() 方法：该方法用于查找数组中特定元素的索引。

例子：

Javascript

let array = ["Hello", "GeeksforGeeks", "JavaScript"];
console.log(array.indexOf('GeeksforGeeks'));

上述代码片段的输出如下 -

1

6. includes() 方法：该方法用于检查数组是否包含指定的元素。

例子：

Javascript

let array = ["Hello", "GeeksforGeeks", "JavaScript"];
console.log(array.includes("GeeksforGeeks"));
console.log(array.includes("React"));

上述代码片段的输出如下 -

true
false

7. concat() 方法：此方法用于连接或基本上将两个不同的数组从头到尾连接起来。

例子：

Javascript

let firstArray = ["Hello", 
    "GeeksforGeeks", "JavaScript"];
      
let secondArray = ["React"];
  
let newArray = firstArray.concat(secondArray);
  
console.log(firstArray);
console.log(secondArray);
console.log(newArray);

上述代码片段的输出如下 -

[ 'Hello', 'GeeksforGeeks', 'JavaScript' ]
[ 'React' ]
[ 'Hello', 'GeeksforGeeks', 'JavaScript', 'React' ]

8. forEach() 方法：该方法作为一个数组循环，对于每个元素，该函数只运行一次。此方法可用于减少 for 循环的语法，但此方法不会在其输出中返回任何内容。

例子：

Javascript

let array = ["Hello", "GeeksforGeeks", "JavaScript"];
array.forEach(function(element){
    console.log(element)
});

上述代码片段的输出如下 -

Hello
GeeksforGeeks
JavaScript

9. sort() 方法：该方法按字母顺序升序对数组的元素进行排序。

例子：

Javascript

let array = ["Hello", "GeeksforGeeks", "JavaScript"];
console.log(array);
array.sort();
console.log(array);

上述代码片段的输出如下 -

[ 'Hello', 'GeeksforGeeks', 'JavaScript' ]
[ 'GeeksforGeeks', 'Hello', 'JavaScript' ]

10. map() 方法：该方法对一个数组进行迭代，根据用户指定的条件对数组进行变换，并返回一个新数组。使用这种更短的语法，可以轻松地使代码更具可读性和可理解性。

例子：

Javascript

let oldArray = [1 , 2 , 3 , 4 , 5];
  
console.log(oldArray);
  
let newArray = oldArray.map(function(element){
    return element * 5;
});
  
console.log(newArray);

上述代码片段的输出如下 -

[ 1, 2, 3, 4, 5 ]
[ 5, 10, 15, 20, 25 ]

11. reduce() 方法：该方法使用一个reducer函数，将结果缩减为单个输出。

例子：

Javascript

let oldArray = [1, 2, 3, 4, 5];
  
console.log(oldArray);
  
let sumOfElements = oldArray.reduce(
function (accumulator, element) {
  return accumulator + element;
});
  
console.log(sumOfElements);

上述代码片段的输出如下 -

[ 1, 2, 3, 4, 5 ]
15

12. filter() 方法：该方法用于根据用户指定的条件，以新数组的形式过滤出内容。

例子：

Javascript

let oldArray = [1, 2, 3, 4, 5];
  
console.log(oldArray);
  
let newArray = oldArray.filter(function (element) {
  return element % 2 === 0;
});
  
console.log(newArray);

上述代码片段的输出如下 -

[ 1, 2, 3, 4, 5 ]
[ 2, 4 ]

13. find() & findIndex() 方法：该方法找出第一个通过用户指定条件的值，findIndex() 方法找出第一个通过用户指定条件的索引值。

例子：

Javascript

let arr = [1, 2, 3, 4, 5];
  
let findElement = arr.find(function(element){
    return element > 4
});
  
console.log(findElement);
  
let findIndexValue = arr.findIndex(function(element){
    return element >= 4
});
  
console.log(findIndexValue);

上述代码片段的输出如下 -

5 
3

14. slice() & splice() 方法： slice() 选择指定数量的元素而不影响原始数组元素，而 splice() 从原始数组本身中删除选定的元素。

Javascript

let arr = [1, 2, 3, 4, 5];
  
let sliceArray = arr.slice(0, 2);
console.log("Slice Array: " + sliceArray);
  
console.log("Original Array: " + arr);
let spliceArray = arr.splice(0, 2);
  
console.log("Slice Array: " + spliceArray);
console.log("Original Array: " + arr);

上述代码片段的输出如下 -

Slice Array: 1,2
Original Array: 1,2,3,4,5
Slice Array: 1,2
Original Array: 3,4,5

15. some()和every()方法： some() 方法检查用户指定条件对数组的某些元素（即它只检查少数元素），而every() 方法检查用户指定条件然后在数组的每个元素上返回结果为真或假。

例子：

Javascript

let arr = [1, 2, 3, 4, 5];
  
let NumbersGreaterThanZero = arr.every(
function(element){
    return element > 0
});
  
let NumbersLessThanZero = arr.some(
function(element){
    return element < 0
});
  
console.log(NumbersGreaterThanZero);
console.log(NumbersLessThanZero);

上述代码的输出如下 -

true
false