JavaScript数组操作方法全录

改变原数组的方法:

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

不改变原数组的方法:

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

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

相关推荐
子兮曰26 分钟前
后端字段又改了?我撸了一个 BFF 数据适配器,从此再也不怕接口“屎山”!
前端·javascript·架构
万少2 小时前
使用Trae轻松安装openclaw的教程-附带免费token
前端·openai·ai编程
颜酱3 小时前
一步步实现字符串计算器:从「转整数」到「带括号与优化」
javascript·后端·算法
浪浪山_大橙子3 小时前
OpenClaw 十分钟快速,安装与接入完全指南 - 推荐使用trae 官方 skills 安装
前端·人工智能
忆江南3 小时前
iOS 可视化埋点与无痕埋点详解
前端
离开地球表面_993 小时前
金三银四程序员跳槽指南:从简历到面试再到 Offer 的全流程准备
前端·后端·面试
_柳青杨3 小时前
跨域获取 iframe 选中文本?自己写个代理中间层,再也不求后端!
前端
比尔盖茨的大脑3 小时前
事件循环底层原理:从 V8 引擎到浏览器实现
前端·javascript·面试
天才熊猫君3 小时前
Vue3 命令式弹窗原理和 provide/inject 隔离机制详解
前端
bluceli3 小时前
Vue 3 Composition API深度解析:构建可复用逻辑的终极方案
前端·vue.js