JavaScript 数组常用方法详解
本文介绍一些常用的 JavaScript 数组方法。
-
push(): 向数组末尾添加一个或多个元素，并返回新的数组长度。
let numbers = [1, 2, 3]; console.log(numbers.push(4)); // 输出：4 numbers 数组变为 [1, 2, 3, 4]
-
slice(): 提取数组的一部分，创建一个新的数组。参数指定起始和结束索引（不包含结束索引处的元素）。
let numbers = [1, 2, 3, 4, 5]; console.log(numbers.slice(1, 4)); // 输出： [2, 3, 4]
-
splice(): 向数组中添加或删除元素。 参数指定起始索引、删除元素个数，以及要添加的新元素。
let fruits = ['apple', 'mango', 'orange', 'grape']; fruits.splice(2, 0, 'papaya', 'strawberry'); // 在索引 2 处插入 'papaya' 和 'strawberry'，不删除任何元素 console.log(fruits); // 输出： ['apple', 'mango', 'papaya', 'strawberry', 'orange', 'grape'] fruits.splice(2, 1); // 从索引 2 处删除一个元素 console.log(fruits); // 输出： ['apple', 'mango', 'strawberry', 'orange', 'grape']
-
concat(): 连接两个或多个数组，返回一个新数组。
let arr1 = [1, 2, 3, 4]; let arr2 = [5, 6, 7]; console.log(arr1.concat(arr2)); // 输出： [1, 2, 3, 4, 5, 6, 7] console.log(arr1.concat(arr2, [8, 9])); // 输出： [1, 2, 3, 4, 5, 6, 7, 8, 9]
-
fill(): 用指定值填充数组的一部分。
let arr4 = [1, 2, 3, 4];
arr4.fill('Anurag', 2, 4);
console.log(arr4); // 输出： [1, 2, 'Anurag', 'Anurag']
-
shift(): 删除数组的第一个元素，并返回该元素。
let arr4 = [1, 2, 3, 4]; console.log(arr4.shift()); // 输出： 1 arr4 数组变为 [2, 3, 4]
-
indexOf(): 返回数组中第一个出现指定值的索引，如果没找到则返回 -1。
let arr4 = [1, 2, 3, 4]; console.log(arr4.indexOf(3)); // 输出： 2
-
lastIndexOf(): 返回数组中最后一个出现指定值的索引，如果没找到则返回 -1。
let arr4 = [1, 2, 3, 4, 3]; console.log(arr4.lastIndexOf(3)); // 输出： 4
-
includes(): 判断数组是否包含指定的值，返回布尔值。
let arr4 = [1, 2, 3, 4]; console.log(arr4.includes(4)); // 输出： true console.log(arr4.includes(5)); // 输出： false
-
pop(): 删除数组的最后一个元素，并返回该元素。
let arr4 = [1, 2, 3, 4]; console.log(arr4.pop()); // 输出： 4 arr4 数组变为 [1, 2, 3]
-
join(): 将数组元素连接成一个字符串。 可以指定分隔符。
let arr4 = [1, 2, 3];
console.log(arr4.join('and')); // 输出： 1and2and3
-
unshift(): 在数组开头添加一个或多个元素，并返回新的数组长度。
let arr4 = [1, 2, 3]; console.log(arr4.unshift(0)); // 输出： 4 arr4 数组变为 [0, 1, 2, 3]
请替换“[https://www.php.cn/link/39cec6d4d21b5dade7544dab6881423e]”为实际的链接。
