当前位置: 首页 > news >正文

JS中数组splice方法使用需要注意的点

Splice()

splice() 方法可以插入、删除或替换数组的元素,注意:同时改变了原数组。
1.删除-删除元素,传两个参数,要删除第一项的位置和第二个要删除的项数
2.插入-向数组指定位置插入任意项元素。三个参数,第一个参数(位置),第二个参数(0),第三个参数(插入的项)
3.替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)

在这里我使用的是它的删除功能,直接po代码:

let arr = [1,2,3,4,5]
arr = arr.splice(1,3)   
//注意这样写,输出的arr是被删除的元素:2,3,4
console.log(arr);
//因为该方法会改变原数组,所以假如你想把写成赋值形式的话应该是这样写:注意是==,这样输出的arr才是删除后的数组
arr == arr.splice(1,3)   
console.log(arr);

因为项目代码太多了,有时候这些细枝末节确实挺难注意到的,所以记录一下提醒自己

相关文章:

  • JS中for,for...in,for...of和forEach的用法和区别
  • JSON.parse和JSON.stringify的用法
  • 一文搞懂JS中变量作用域的那些事
  • JS给函数添加属性
  • 开发中常见的一些Bug
  • 一分钟搞懂JS函数提升与变量提升的优先级
  • ES5中原型、实例对象和构造函数的那些事
  • 我的创作纪念日
  • JS之手写bind原理
  • 关于解决电脑蓝屏C:\Windows\System32\Logfiles\Str\StrTrail.txt
  • 解决:flex布局之 flex-wrap:wrap 自动换行属性,导致上下两行div中间有空行
  • uni app 自定义 头部组件(1)禁用原生
  • uni app 自定义 头部组件(2) 局部 右侧按钮
  • uni app 自定义 头部组件(3)传值
  • 关于vue环境下 apexcharts 动态 赋值失败的问题
  • 时间复杂度分析经典问题——最大子序列和
  • bootstrap创建登录注册页面
  • es6(二):字符串的扩展
  • JavaScript工作原理(五):深入了解WebSockets,HTTP/2和SSE,以及如何选择
  • Java超时控制的实现
  • Java知识点总结(JavaIO-打印流)
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • MySQL数据库运维之数据恢复
  • Nacos系列:Nacos的Java SDK使用
  • Python socket服务器端、客户端传送信息
  • 讲清楚之javascript作用域
  • 聊聊hikari连接池的leakDetectionThreshold
  • 数据结构java版之冒泡排序及优化
  • 运行时添加log4j2的appender
  • LevelDB 入门 —— 全面了解 LevelDB 的功能特性
  • 移动端高清、多屏适配方案
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • ​人工智能书单(数学基础篇)
  • #NOIP 2014#Day.2 T3 解方程
  • #QT(串口助手-界面)
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (1)常见O(n^2)排序算法解析
  • (八)Flask之app.route装饰器函数的参数
  • (二)Linux——Linux常用指令
  • (经验分享)作为一名普通本科计算机专业学生,我大学四年到底走了多少弯路
  • (四) 虚拟摄像头vivi体验
  • *++p:p先自+,然后*p,最终为3 ++*p:先*p,即arr[0]=1,然后再++,最终为2 *p++:值为arr[0],即1,该语句执行完毕后,p指向arr[1]
  • ../depcomp: line 571: exec: g++: not found
  • .net 8 发布了,试下微软最近强推的MAUI
  • .net core 控制台应用程序读取配置文件app.config
  • .net core 实现redis分片_基于 Redis 的分布式任务调度框架 earth-frost
  • .net 使用$.ajax实现从前台调用后台方法(包含静态方法和非静态方法调用)
  • .NET 使用配置文件
  • .NET/ASP.NETMVC 大型站点架构设计—迁移Model元数据设置项(自定义元数据提供程序)...
  • .NET与java的MVC模式(2):struts2核心工作流程与原理
  • @data注解_SpringBoot 使用WebSocket打造在线聊天室(基于注解)
  • @property python知乎_Python3基础之:property
  • [ element-ui:table ] 设置table中某些行数据禁止被选中,通过selectable 定义方法解决
  • [ 云计算 | Azure 实践 ] 在 Azure 门户中创建 VM 虚拟机并进行验证
  • []利用定点式具实现:文件读取,完成不同进制之间的