让我来为您详细介绍 JavaScript 数组操作函数的常用方法。
JavaScript数组操作函数汇总
1. push()
作用:向数组末尾添加一个或多个元素,并返回新的长度。
语法:arr.push(element1, ..., elementN)
示例:
let arr = [1, 2, 3];
arr.push(4, 5);
console.log(arr); // 输出 [1, 2, 3, 4, 5]
2. pop()
作用:删除数组末尾的一个元素,并返回该元素的值。
语法:arr.pop()
示例:
let arr = [1, 2, 3];
let lastElement = arr.pop();
console.log(arr); // 输出 [1, 2]
console.log(lastElement); // 输出 3
3. shift()
作用:删除数组的第一个元素,并返回该元素的值。
语法:arr.shift()
示例:
let arr = [1, 2, 3];
let firstElement = arr.shift();
console.log(arr); // 输出 [2, 3]
console.log(firstElement); // 输出 1
4. unshift()
作用:向数组的开头添加一个或多个元素,并返回新的长度。
语法:arr.unshift(element1, ..., elementN)
示例:
let arr = [1, 2, 3];
arr.unshift(0, -1);
console.log(arr); // 输出 [-1, 0, 1, 2, 3]
5. concat()
作用:连接两个或多个数组,并返回一个新的数组。
语法:arr.concat(array1, array2, ..., arrayN)
示例:
let arr1 = [1, 2, 3];
let arr2 = [4, 5];
let arr3 = arr1.concat(arr2);
console.log(arr3); // 输出 [1, 2, 3, 4, 5]
6. slice()
作用:从原数组中截取指定位置的元素,不会修改原数组,并返回一个新的数组。
语法:arr.slice(start, end)
示例:
let arr = [1, 2, 3, 4, 5];
let subArr = arr.slice(2, 4);
console.log(subArr); // 输出 [3, 4]
console.log(arr); // 输出 [1, 2, 3, 4, 5]
7. splice()
作用:从原数组中删除/替换指定位置的元素,并返回被删除的元素组成的新数组。
语法:arr.splice(start, deleteCount, item1, item2, ...)
示例:
let arr = [1, 2, 3, 4, 5];
let deletedArr = arr.splice(1, 2); // 从第二个位置开始删除两个元素
console.log(deletedArr); // 输出 [2, 3]
console.log(arr); // 输出 [1, 4, 5]
arr.splice(2, 0, 'a', 'b'); // 从第三个位置开始添加两个元素
console.log(arr); // 输出 [1, 4, 'a', 'b', 5]
8. forEach()
作用:遍历数组中的每个元素,并执行指定的操作。
语法:arr.forEach(callbackFunction)
示例:
let arr = [1, 2, 3];
arr.forEach(function(element, index) {
console.log(`第${index+1}个元素为: ${element}`);
});
// 输出:
// 第1个元素为: 1
// 第2个元素为: 2
// 第3个元素为: 3
以上就是常用的 JavaScript 数组操作函数汇总。有任何疑问,欢迎继续咨询。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript数组操作函数汇总 - Python技术站