当前位置:网站首页 > Vue.js开发 > 正文

js数组方法splice(js数组方法有哪些)



splice 方法用于数组或伪数组,根据参数个数和形式的不同,可以在数组中删除指定元素或者插入元素、替换元素。

1. 参数个数为 1 的情况

1.1 语法
 
  
  • i 为非负整数:删除数组中索引为 及 之后位置上所有的元素
  • i 为负整数:索引从后往前计算,最后一位索引是 ,倒数第二位是 ,依次类推。删除 及 之后的所有元素。
1.2 举例

删除数组中最后三个元素

 
  

清空数组

 
  

2. 参数个数为 2 的情况

2.1 语法
 
  

当 splice 方法有两个参数时,两个参数必须均为整数。表示从数组中索引为 开始删除,一共删除 个元素。

2.2 示例

删除数组中开头的 3 个元素

 
  

只留下数组值第一个和最后一个元素

 
  

从索引 -2 的位置开始删除 2 个元素

 
  

3. 参数个数为 3 或 3 个以上的情况

3.1 语法
 
  
  • :整数,表示索引的起始位置
  • :整数,表示删除的个数
  • :删除相应元素之后要添加的元素

当 splice 方法有 3 个参数时,表示从索引为 位置开始删除 个元素,然后在从 位置添加 ,返回删除的元素,原地修改。

  • 若 为 0,则表示一个元素也不删除,则元素从 i 前一个位置开始插入
  • 若 > 0,则表示从 位置开始(包括 位置)删除 个元素,然后从 后面开始插入。
3.2 示例

替换索引位置为 2 的元素的值为

 
  

表示从索引为 2 开始,删除 1 个元素,并插入 (即实现了替换,替换了索引为 2 的元素)。

往数组中索引为 1 的位置插入元素 、、。

 
  

往数组中索引为 -2 的位置插入元素 、。

 
  

往数组的开头插入 3 个元素。

 
  

往数组的末尾插入 3 个元素。

 
  

使用的时候很容易混淆 和 方法,记住 splice 方法只能用于数组,而 slice 方法可以用于数组和字符串,表示 “切片”。

 
  

表示将数组/字符串从 (分界是前开后闭)切片,然后返回取出的片段,非原地操作,不改变原数组/字符串。

取出字符串剔除了首个和末尾的子串:

 
  

类似的, 也能作用于数组:

到此这篇js数组方法splice(js数组方法有哪些)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就! 
  

                            

版权声明


相关文章:

  • vue生命周期钩子函数使用场景(vue生命周期钩子函数有哪些?)2025-09-23 18:54:05
  • 跨域解决方案js(nginx跨域解决方案)2025-09-23 18:54:05
  • 电脑扬声器安装程序(电脑扬声器安装程序怎么安装5.1声道)2025-09-23 18:54:05
  • pcie5.0能插pcie4.0么(pcie5.0有什么用)2025-09-23 18:54:05
  • 卡巴斯基更新源(卡巴斯基7.0)2025-09-23 18:54:05
  • pcie5.0最新消息(pcie5.0ssd)2025-09-23 18:54:05
  • plsql注册码永久可用15(plsql9.0注册码)2025-09-23 18:54:05
  • max30102测量精度(测量仪精度0.1mm)2025-09-23 18:54:05
  • vue 关闭eslint(vue 关闭浏览器)2025-09-23 18:54:05
  • vue2关闭eslint(vue 关闭eslint)2025-09-23 18:54:05
  • 全屏图片