归纳整理JavaScript数组实例的9个方法

JavaScript是一种广泛使用的编程语言,特别是在Web开发中。在JavaScript中,数组是一种重要且必不可少的数据结构。它能够用来存储一系列具有相同类型的数据。本文将归纳整理JavaScript数组实例的9个方法。

1. push()

该方法向数组的末尾添加一个或多个新元素,并返回新数组的长度。

const numbers = [1, 2, 3];

const newLength = numbers.push(4);

console.log(numbers); // [1, 2, 3, 4]

console.log(newLength); // 4

重要提示:push()方法修改了原始数组。

2. pop()

该方法从数组的末尾删除一个元素,并返回该元素。

const numbers = [1, 2, 3];

const lastNumber = numbers.pop();

console.log(numbers); // [1, 2]

console.log(lastNumber); // 3

重要提示:pop()方法修改了原始数组。

3. shift()

该方法从数组的开头删除一个元素,并返回该元素。

const numbers = [1, 2, 3];

const firstNumber = numbers.shift();

console.log(numbers); // [2, 3]

console.log(firstNumber); // 1

重要提示:shift()方法修改了原始数组,并且会使数组的索引值改变。

4. unshift()

该方法向数组的开头添加一个或多个新元素,并返回新数组的长度。

const numbers = [1, 2, 3];

const newLength = numbers.unshift(0, -1);

console.log(numbers); // [0, -1, 1, 2, 3]

console.log(newLength); // 5

重要提示:unshift()方法修改了原始数组,并且会使数组的索引值改变。

5. splice()

该方法通过删除或插入元素来修改数组,并返回被删除元素的数组。

5.1. 删除元素

const numbers = [1, 2, 3, 4, 5];

const deletedNumbers = numbers.splice(1, 3);

console.log(numbers); // [1, 5]

console.log(deletedNumbers); // [2, 3, 4]

重要提示:splice()方法修改了原始数组。

5.2. 插入元素

const numbers = [1, 2, 3, 4, 5];

numbers.splice(2, 0, 'a', 'b');

console.log(numbers); // [1, 2, 'a', 'b', 3, 4, 5]

重要提示:splice()方法修改了原始数组。

6. slice()

该方法返回一个新数组,包含从开始到结束(不包括结束)的原始数组元素。

const numbers = [1, 2, 3, 4, 5];

const newNumbers = numbers.slice(1, 3);

console.log(numbers); // [1, 2, 3, 4, 5]

console.log(newNumbers); // [2, 3]

重要提示:slice()方法不修改原始数组。

7. concat()

该方法将两个或多个数组合并成一个新数组。

const numbers1 = [1, 2, 3];

const numbers2 = [4, 5, 6];

const numbers3 = [7, 8, 9];

const newNumbers = numbers1.concat(numbers2, numbers3);

console.log(newNumbers); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

重要提示:concat()方法不修改原始数组。

8. indexOf()

该方法返回数组中指定元素的第一个匹配项的索引,如果不存在,则返回-1。

const numbers = [1, 2, 3, 4, 5];

const index = numbers.indexOf(3);

console.log(index); // 2

重要提示:indexOf()方法不修改原始数组。

9. lastIndexOf()

该方法返回数组中指定元素的最后一个匹配项的索引,如果不存在,则返回-1。

const numbers = [1, 2, 3, 4, 5, 3];

const index = numbers.lastIndexOf(3);

console.log(index); // 5

重要提示:lastIndexOf()方法不修改原始数组。

这些方法是处理JavaScript数组时非常有用的工具。它们可以让你对数组进行各种修改,而不必直接访问数组的索引。这种方式更加清晰易懂,并且可以大大简化代码。