JavaScript中Array方法你该知道的正确打开方法

JavaScript中Array方法你该知道的正确打开方法

数组(Array)是在JavaScript中最常用的数据类型之一，因此熟练掌握数组的相关操作非常重要。本文将会介绍JavaScript中常用的数组(Array)方法，包括：

1. push()方法
2. pop()方法
3. shift()方法
4. unshift()方法
5. splice()方法
6. concat()方法
7. slice()方法
8. indexOf()方法
9. lastIndexOf()方法

push()方法

push()方法可以向数组的末尾添加一个或多个元素，并返回新数组的长度。示例如下：

let fruits = ['apple', 'banana'];
let len = fruits.push('orange');
console.log(len); // 3
console.log(fruits); // ['apple', 'banana', 'orange']

pop()方法

pop()方法从数组的末尾删除一个元素，并返回该元素的值。示例如下：

let fruits = ['apple', 'banana', 'orange'];
let last = fruits.pop();
console.log(last); // 'orange'
console.log(fruits); // ['apple', 'banana']

shift()方法

shift()方法从数组的开头删除一个元素，并返回该元素的值。示例如下：

let fruits = ['apple', 'banana', 'orange'];
let first = fruits.shift();
console.log(first); // 'apple'
console.log(fruits); // ['banana', 'orange']

unshift()方法

unshift()方法可以向数组的开头添加一个或多个元素，并返回新数组的长度。示例如下：

let fruits = ['apple', 'banana', 'orange'];
let len = fruits.unshift('pear', 'peach');
console.log(len); // 5
console.log(fruits); // ['pear', 'peach', 'apple', 'banana', 'orange']

splice()方法

splice()方法可以在数组的任意位置添加或删除元素。示例如下：

let fruits = ['apple', 'banana', 'orange'];
// 从索引为1的位置开始删除1个元素，插入'pear'和'peach'
fruits.splice(1, 1, 'pear', 'peach');
console.log(fruits); // ['apple', 'pear', 'peach', 'orange']

concat()方法

concat()方法可以将多个数组合并为一个新数组。示例如下：

let fruits1 = ['apple', 'banana'];
let fruits2 = ['pear', 'peach'];
let fruits3 = ['orange'];
let allFruits = fruits1.concat(fruits2, fruits3);
console.log(allFruits); // ['apple', 'banana', 'pear', 'peach', 'orange']

slice()方法

slice()方法可以从数组中截取一个子数组，不会改变原数组。示例如下：

let fruits = ['apple', 'banana', 'orange', 'pear', 'peach'];
let subArray = fruits.slice(1, 4);
console.log(subArray); // ['banana', 'orange', 'pear']
console.log(fruits); // ['apple', 'banana', 'orange', 'pear', 'peach']

indexOf()方法

indexOf()方法返回数组中某个元素第一次出现的索引值，如果不存在返回-1。示例如下：

let fruits = ['apple', 'banana', 'orange', 'pear', 'peach'];
let index = fruits.indexOf('pear');
console.log(index); // 3

lastIndexOf()方法

lastIndexOf()方法返回数组中某个元素最后一次出现的索引值，如果不存在返回-1。示例如下：

let fruits = ['apple', 'banana', 'orange', 'pear', 'peach', 'pear'];
let index = fruits.lastIndexOf('pear');
console.log(index); // 5

通过掌握以上这些数组方法，能够有效地提高JavaScript的编程效率，并且提升编程的质量。