JS常用的数组方法-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_45861961/article/details/130334728

这篇文章介绍了JavaScript中数组的一些主要操作方法，如push、pop、shift、unshift用于添加和删除元素，slice、splice用于截取和修改数组，concat、indexOf、includes用于合并和查找元素，以及reverse、sort、forEach、map、filter、reduce等其他实用功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

- array.push(elem): 向数组的末尾添加一个元素,返回新的长度。
- array.pop(): 删除数组的最后一个元素,返回删除的元素。
- array.shift(): 删除数组的第一个元素,返回删除的元素。
- array.unshift(elem): 向数组的开头添加一个元素,返回新的长度。
- array.slice(start, end): 从索引 start 处开始截取到 end 处(不包括 end),返回截取的部分组成的新数组。
- array.splice(start, count, ...addElems): 从索引 start 处开始删除 count 个元素,然后插入 addElems。返回删除的元素。
- array.concat(array2, array3, ...): 连接两个或更多数组,返回一个新数组。
- array.indexOf(elem): 返回第一个匹配的元素 elem 的索引,如果没有找到则返回 -1。
- array.lastIndexOf(elem): 从后向前搜索,返回最后一个匹配的 elem 的索引。
- array.includes(elem): 判断数组是否包含元素 elem,返回 true 或 false。
- array.reverse(): 颠倒数组中元素的顺序,返回颠倒后的数组。
- array.sort(): 对数组元素进行排序,默认为升序排序。
- array.forEach(callbackFn): 对数组每个元素执行一次 callbackFn 函数。
- array.map(callbackFn): 对数组每个元素执行 callbackFn 函数,返回执行结果组成的新数组。
- array.filter(callbackFn): 对数组每个元素执行 callbackFn 函数,返回使得 callbackFn 返回 true 或等价值的元素组成的新数组。
- array.reduce(callbackFn, initialValue): 对数组元素执行 reducer 函数(从左到右),将其结果汇总为单个返回值。

let fruits = ["Apple", "Orange", "Banana"];

fruits.push("Pear");     // ["Apple", "Orange", "Banana", "Pear"]
fruits.pop();            // "Pear"
fruits.shift();          // "Apple" 
fruits.unshift("Strawberry");  // 4   ["Strawberry", "Orange", "Banana"]
fruits.slice(1, 3);      // ["Orange", "Banana"]
fruits.splice(1, 1, "Mango"); // ["Strawberry", "Mango", "Banana"]
fruits.concat(["Kiwi"]); // ["Strawberry", "Mango", "Banana", "Kiwi"]
fruits.indexOf("Mango");  // 1
fruits.includes("Mango"); // true
fruits.reverse();        // ["Kiwi", "Banana", "Mango", "Strawberry"]
fruits.sort();           // ["Banana", "Kiwi", "Mango", "Strawberry"]