JavaScript的重要数组方法有哪些

在本文中，我们将通过一些示例来尝试理解各种重要的数组方法（如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 push() 方法
• JavaScript pop() 方法
• JavaScript shift() 方法
• JavaScript unshift() 方法
• JavaScript indexOf() 方法
• JavaScript includes() 方法
• JavaScript concat() 方法
• JavaScript sort() 方法
• JavaScript map() 方法
• JavaScript reduce() 方法
• JavaScript filter() 方法
• JavaScript find() 和 findIndex() 方法
• JavaScript slice() 和 splice() 方法
• JavaScript some() 和 every() 方法

  JavaScript 数组方法:

JavaScript push() 方法

该方法用于从数组末尾插入元素。

示例： 在此示例中，我们将使用 push() 方法将一个元素插入数组的末尾。

Javascript

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

输出

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

JavaScript pop() 方法

该方法删除数组中最后一个元素。

示例： 在这个示例中，我们将使用 pop() 方法从数组的开头删除一个元素。

Javascript

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

输出

JavaScript
[ 'Hello', 'GeeksforGeeks' ]

JavaScript shift()方法

此方法用于从数组中删除第一个元素。

示例: 在这个示例中，我们将使用 shift() 方法从数组的开头移除一个元素。

Javascript

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

输出

Hello
[ 'GeeksforGeeks', 'JavaScript' ]

JavaScript unshift()方法

该方法用于从数组的前面添加元素。

示例： 在这个示例中，我们将使用 unshift() 方法在数组的开头插入一个元素。

Javascript

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

输出

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

JavaScript indexOf()方法：

此方法用于查找数组中特定元素的索引。

示例： 在此示例中，我们将使用 indexOf() 方法找到元素的索引。

Javascript

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

输出

1

JavaScript includes() 方法

该方法用于检查数组是否包含指定的元素。

示例： 在这个示例中，我们将使用 includes() 方法来检查数组是否包含该元素。

Javascript

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

输出

true
false

JavaScript concat() 方法

此方法用于拼接或基本上连接两个不同的数组，从结尾到结尾。

示例: 在此示例中，我们将使用 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' ]

JavaScript forEach() 方法

该方法在数组上工作，对于每个元素，函数只运行一次。此方法有助于减少for循环的语法，但此方法的输出为空。

示例： 在此示例中，我们将使用 forEach() 方法打印数组的每个元素。

Javascript

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

输出

Hello
GeeksforGeeks
JavaScript

JavaScript sort() 方法

该方法按照字母顺序将数组元素按照升序排序。

示例: 在这个示例中，我们将使用 sort() 方法按字母顺序对数组进行排序。

Javascript

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

输出

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

JavaScript map()方法

该方法对一个数组进行迭代，根据用户指定的条件转换数组，并返回一个新的数组。使用这种更简短的语法，可以更容易地使代码更可读和理解。

示例： 在这个示例中，我们将使用 map() 方法，将数组的每个元素乘以5。

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 ]

JavaScript reduce() 方法

该方法使用一个reduce函数，将结果减少为单个输出。

示例: 在这个示例中，我们将使用 reduce() 函数将数组的所有值相加，并返回一个单个的输出。

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

JavaScript filter()方法 :

该方法用于根据用户指定的条件过滤内容，并返回一个新的数组。

示例: 在本示例中，我们将使用 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 ]

JavaScript find() & findIndex() 方法：

该方法用于找到第一个满足用户指定条件的值，findIndex() 方法用于找到第一个满足用户指定条件的索引值。

示例： 在这个示例中，我们将看到使用 find() 和 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

JavaScript slice() & splice() 方法

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

JavaScript的some()和every()方法

some()方法在数组的一些元素上检查用户定义的条件（即仅检查几个元素），而every()方法在数组的每个元素上检查用户定义的条件，然后以true或false的结果返回。

示例： 在这个示例中，我们将看到使用数组的 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