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

js数组方法slice(js数组方法splice)



JavaScript

中的

数组

有两个常用的

方法

slice

splice

1.

slice 方法

slice 方法

是用于从

数组

中提取指定范围的元素,然后返回一个新的

数组

。它接受两个参数,即开始索引和结束索引(不包括结束索引本身),如果省略结束索引,则会一直提取到

数组

末尾。原始

数组

不会被修改。

示例:

 javascript const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi'];  const slice dFruits = fruits. slice (1, 4); // 从索引 1 到 4(不包括 4)提取元素 console.log( slice dFruits); // 输出:['banana', 'orange', 'grape']  const slice dFruits2 = fruits. slice (2); // 从索引 2 开始提取元素到 数组 末尾 console.log( slice dFruits2); // 输出:['orange', 'grape', 'kiwi']  console.log(fruits); // 输出原始 数组 ,不受 slice 方法 影响:['apple', 'banana', 'orange', 'grape', 'kiwi'] 

2.

splice 方法

splice 方法

用于修改原始

数组

,它可以用于删除、插入或替换

数组

中的元素。它接受三个或更多参数,第一个参数是开始索引,第二个参数是需要删除的元素个数,之后的参数是要插入到

数组

的新元素(可选)。

splice 方法

会返回一个包含被删除元素的

数组

示例:

 javascript const fruits = ['apple', 'banana', 'orange', 'grape', 'kiwi'];  const deletedFruits = fruits. splice (2, 2); // 从索引 2 开始删除 2 个元素 console.log(deletedFruits); // 输出:['orange', 'grape'] console.log(fruits); // 输出被修改后的 数组 :['apple', 'banana', 'kiwi']  fruits. splice (1, 0, 'pear', 'melon'); // 从索引 1 开始插入新元素 console.log(fruits); // 输出被修改后的 数组 :['apple', 'pear', 'melon', 'banana', 'kiwi']  fruits. splice (4, 1, 'mango'); // 从索引 4 开始替换一个元素 console.log(fruits); // 输出被修改后的 数组 :['apple', 'pear', 'melon', 'banana', 'mango'] 

希望这些示例能够帮助你理解

slice

splice 方法

的用法。

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

版权声明


相关文章:

  • vue2官方文档(vue2官方文档scopdSlots)2026-03-06 13:09:09
  • 萌新想问一下js是什么意思啊(萌新想问一下js是什么意思啊)2026-03-06 13:09:09
  • js深拷贝(js深拷贝数组)2026-03-06 13:09:09
  • vue的安装教程(vue 安装)2026-03-06 13:09:09
  • jvm内存结构 内存模型 区别(jvm1.8内存模型)2026-03-06 13:09:09
  • jshy是哪里烟草(jhyc是哪个市的烟草代码)2026-03-06 13:09:09
  • vue插槽(vue插槽和组件区别)2026-03-06 13:09:09
  • redhat6.9挂载硬盘(redhat 挂载硬盘)2026-03-06 13:09:09
  • Redhat9.4安装(redhat 9安装)2026-03-06 13:09:09
  • nvme 接口定义(nvme2.0接口)2026-03-06 13:09:09
  • 全屏图片