JavaScript数组操作方法全录

改变原数组的方法:

typescript 复制代码
push() - 将一个或多个元素添加到数组的末尾,并返回新数组的长度。
pop() - 从数组中移除最后一个元素,并返回该元素。
shift() - 从数组中移除第一个元素,并返回该元素。
unshift() - 将一个或多个元素添加到数组的开头,并返回新数组的长度。
splice() - 在指定的索引位置添加或移除元素,并返回被移除的元素。
reverse() - 反转数组中元素的顺序。
sort() - 对数组元素进行排序。

不改变原数组的方法:

typescript 复制代码
concat() - 将两个或多个数组合并为一个新数组。
slice() - 返回数组的一个子集作为新数组。
join() - 将数组中所有元素连接成一个字符串。
indexOf() - 返回指定值在数组中的第一个匹配项的索引。
lastIndexOf() - 返回指定值在数组中的最后一个匹配项的索引。
includes() - 返回一个布尔值,指示数组是否包含指定的值。
filter() - 使用指定函数测试所有元素,并创建一个包含所有通过测试的元素的新数组。
map() - 对数组中的每个元素调用指定函数,并返回一个新数组。
reduce() - 对数组中的每个元素执行指定的 reducer 函数,将其结果汇总为单个返回值。

需要注意的是,对数组进行浅拷贝和深拷贝也是很重要的概念。浅拷贝会创建一个新的数组,但与原始数组共享相同的引用。而深拷贝则会创建一个完全新的数组,对新数组的修改不会影响原始数组。

相关推荐
前端Hardy几秒前
HTML&CSS:超好看的轮播图,你绝对用得上(建议收藏)
javascript·css·html
傻球4 分钟前
Jotai 使用详解:React 轻量级状态管理库
前端·react.js
Linhieng5 分钟前
JS 解析 png 图片的分辨率(宽高)
javascript
Json_5 分钟前
Vue 构造器 Vue.extend
前端·vue.js·深度学习
伶俜monster6 分钟前
UV 法向量实验室:Threejs 纹理与光照炼金术
前端·webgl·three.js
小old弟6 分钟前
老生常谈: 谈谈对vue的理解?vue3有而vue2没有的东西或者说特性?
前端·vue.js
前端Hardy7 分钟前
HTML&CSS:必学!手把手教你实现动态天气图标
javascript·css·html
蔓越莓9 分钟前
[Electron] win.setSize 在RTL布局下的表现,是否需要适配?
前端·electron
MPCTHU12 分钟前
二叉树、排序算法与结构图
数据结构·算法·排序算法
Json_14 分钟前
Vue 实例方法
前端·vue.js·深度学习