splice有三个用法 删除、插入、替换(注意区分和slice的区别:slice不改变原数组)

splice()方法始终都会返回一个数组,该数组中包含从元素数组中删除的项(如果没有删除任何项,则返回一个空数组)

1)删除:指定两个参数,要删除的第一项的位置和要删除项的项数。

let colors = ["red", "green", "blue"];
var removed = colors.splice(0,1);  //删除第一项 ["red"]
alert(colors);  //["green", "blue"]

2)插入:指定三个参数,插入起始位置、0(要删除的项数)和要插入的项。

let colors = ["red", "green", "blue"];
var removed = colors.splice(0,0,"pink","yellow");  //第一项开始插入,删除0项,所以返回 [ ]
alert(colors); //["pink", "yellow", "red","green", "blue"]

3)替换:指定三个参数,起始位置、要删除的项数和要插入的任意数量项。

let colors = ["red", "green", "blue"];
var removed = colors.splice(1,2,"pink");  //返回删除的项目 ["green", "blue" ]
alert(colors); //["red" ,"pink"]

js splice的三个用法相关推荐

  1. Vue——基本的代码结构和插值表达式、v-cloak||Vue指令之v-text和v-html||v-bind的三种用法||Vue指令之v-on

    Vue的基本代码 <!DOCTYPE html> <html lang="en"><head><meta charset="UT ...

  2. JS手机触摸屏的事件用法详解

    现在智能手机火爆了,我们都是触摸屏事的,那么我们以前js写法是无法满足一些要求了,下面我来给大家介绍几个JS手机触摸屏的事件用法 处理Touch事件能让你跟踪用户的每一根手指的位置.你可以绑定以下四种 ...

  3. JS 中 location.href 的用法

    Jsp 中 常用到js来跳转页面; 整理了一下js location.href 的用法 Javascript中的location.href有很多种用法,主要如下: self.location.href ...

  4. JavaScript——关于JavaScript、在HTML中嵌入JS代码的三种方式、变量

    文章目录 JavaScript 01 关于JavaScript 1.1 JS的发展历史 1.2 JS的特性 1.3 JS的组成 1.4 JSP和JS的区别 02 在HTML中嵌入JS代码的三种方式 2 ...

  5. html函数splice,js splice方法怎么用?

    js splice()方法 splice() 方法用于添加或删除数组中的元素,然后返回被删除的元素. 注意:这种方法会改变原始数组. 语法:arrayObject.splice(index,howma ...

  6. Python 炫技操作:海象运算符的三种用法

    作者 | 明哥 来源 |  Python编程时光(ID:Cool-Python) Python 版本发展非常快,如今最新的版本已经是 Pyhton 3.9,即便如此,有很多人甚至还停留在 3.6 或者 ...

  7. using 的三种用法

    using 有哪三种用法? 1)引入命名空间. 2)给命名空间或者类型起别名. 3)划定作用域.自动释放资源,使用该方法的类型必须实现了 System.IDisposable接口,当对象脱离作用域之后 ...

  8. static的三种用法,定义静态变量,静态函数,静态代码块!

    static的三种用法,定义静态变量,静态函数,静态代码块! 1.定义静态变量 class PersonStatic { //静态变量的特点 //1.静态变量无需生成对象就可被调用,可以使用类名和对象 ...

  9. html dom createevent,js 中 document.createEvent的用法

    js 中 document.createEvent的用法 更新时间:2010年08月29日 23:22:02   作者: 用该方法创建了 Event 对象以后,必须用上表中所示的初始化方法初始化对象. ...

最新文章

  1. zabbix简介及基本安装(一)
  2. 学习 TList 类的实现[5]
  3. ArrayList集合的使用和源码详细分析
  4. Android音频开发(3):如何播放一帧音频
  5. 【技术】Qt对话框讲解
  6. 51系列计算机字长,计算机等级考试之MsOffice练习题第51套
  7. jq之text() html()
  8. python合并两个有序列表_Python实现合并两个有序链表的方法示例
  9. matplotlib绘制三维折线图
  10. winsock编程:关于因为头文件而报错的问题
  11. 程序清单 8-8 exec函数实例,a.out是程序8-9产生的可执行程序
  12. JAVA并发编程实践-中文-高清-带书签-完整版
  13. 2015 2020 r4烧录卡 区别_行业新闻2020年中国智能门锁行业发展现状分析
  14. T31-DAY20(JWT的介绍和使用)
  15. 阿里云服务器配置如何选择
  16. 空气质量(air quality) 简称:AQI 计算AQI等笔记
  17. NB-IoT模组选型及项目初始必看!
  18. IDEA官方有中文版啦
  19. 基于 Eclipse+Java Swing + Mysql 学生选课管理系统
  20. solidity学习一(数据类型、增删改查合约)

热门文章

  1. matlab dcgain,MATLAB实现控制系统的时域分析
  2. python读取csv文件路径设置_python读取csv文件
  3. c#笔记--程序集(Assembly)、模块(Module)、类型(class)、命名空间、反射
  4. python爬网络图片脚步_关于python:如何从本地计算机或网络资源将图像或图片嵌入jupyter笔记本中?...
  5. ubuntu恢复被rm误删的数据及原理
  6. nodejs (usb)连接打印机 获取打印状态(escpos-printer和node-escpos)检测USB端口的热插拔
  7. 虚拟贝司拓展音源-Toontrack Acoustic EBX
  8. 对微信卖小电影的一次内网漫游
  9. speedoffice被隐藏的工作表如何取消隐藏
  10. 计算机win10开机音乐,Windows10系统更改开关机声音的两种方法