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数组时非常有用的工具。它们可以让你对数组进行各种修改,而不必直接访问数组的索引。这种方式更加清晰易懂,并且可以大大简化代码。