如何利用splice()和slice()方法操作数组

这篇具有很好参考价值的文章主要介绍了如何利用splice()和slice()方法操作数组。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

splice()和slice()都是JavaScript中操作数组的方法,到底怎么用?什么时候用?有什么区别?今天把这个问题搞清楚
如何利用splice()和slice()方法操作数组


splice()是什么,有什么用?怎么用?

splice()用于在数组中进行添加、删除和替换操作,它可以实现以下功能:

功能1:删除数组中的元素
功能2:向数组中添加新元素
功能3:用新元素替换数组中的元素

splice方法的基本语法如下:

array.splice(start, deleteCount, item1, item2, ...)

参数说明:
start:要删除或插入元素的数组下标。
deleteCount:要删除的元素个数,如果该值为0,则不删除任何元素。
item1, item2, …:要插入到数组中的新元素,可以有多个。

如何利用splice()和slice()方法操作数组

	var arr = ["孙悟空", "猪八戒", "唐僧", "沙和尚"];
	
	//删除元素,从下标2开始删除2个元素
	arr.splice(2, 2);
	console.log(arr); //["孙悟空", "猪八戒"]
	
	//添加元素,从下标1开始添加2个元素
	arr.splice(1, 0, "张麻子", "县长");
	console.log(arr); //["孙悟空", "张麻子", "县长", "猪八戒"]
	
	//替换元素,从下标2开始替换1个元素
	arr.splice(2, 1, "独孤求败");
	console.log(arr); //["孙悟空", "张麻子", "独孤求败", "猪八戒"]

★★★关键点:splice方法会直接修改原数组,如果不想修改原数组,可以先将原数组复制一份再进行操作。


slice()是什么,有什么用?怎么用?

slice()用于从数组中获取指定区间的元素,它可以实现以下功能:

功能1:获取指定区间的元素,不会修改原数组
功能2:拷贝数组的一部分,生成一个新的数组

slice方法的基本语法如下:

array.slice(start, end)

参数说明:
start:要拷贝的起始下标,包括该下标的元素。
end:要拷贝的结束下标,不包括该下标的元素。如果省略该参数,则拷贝从start开始到数组末尾的所有元素。

如何利用splice()和slice()方法操作数组

	var arr = ["孙悟空", "猪八戒", "唐僧", "沙和尚"];
	
	//获取指定区间的元素,不会修改原数组
	var newArr1 = arr.slice(1, 3);
	console.log(newArr1); //["猪八戒", "唐僧"]
	
	//拷贝数组的一部分,生成一个新的数组
	var newArr2 = arr.slice();
	console.log(newArr2); //["孙悟空", "猪八戒", "唐僧", "沙和尚"]

★★★关键点:slice方法不会修改原数组,而是返回一个新的数组,因此可以通过slice方法来复制一个数组。另外,如果拷贝的起始下标或结束下标为负数,则表示从数组末尾开始计算的位置。


splice和slice方法的区别

splice和slice是JavaScript中的两个数组方法,它们的用法有以下区别:

1.splice方法可以修改原数组,而slice方法不会修改原数组,而是返回一个新的数组。
2.splice方法可以用于删除、添加和替换元素,而slice方法仅用于获取指定区间的元素。

如何利用splice()和slice()方法操作数组

	var arr = ["孙悟空", "猪八戒", "唐僧", "沙和尚"];
	
	//使用splice方法删除数组中的元素,修改原数组
	arr.splice(1, 2);
	console.log(arr); //["孙悟空", "沙和尚"]
	
	//使用slice方法获取指定区间的元素,不修改原数组
	var newArr = arr.slice(1, 2);
	console.log(newArr); //["沙和尚"]
	console.log(arr); //["孙悟空", "沙和尚"]

我们首先使用splice方法删除了数组中的元素,即从下标1开始删除2个元素,这样修改了原数组。然后我们使用slice方法获取了指定区间的元素,即从下标1开始到下标2之前的元素,这样并没有修改原数组,而是返回了一个新的数组。


小结

在了解了splice和slice的用法时,我们知道一般地:
当我们需要修改原数组时,可以使用splice方法;
当我们需要获取指定区间的元素时,可以使用slice方法。
如何利用splice()和slice()方法操作数组文章来源地址https://www.toymoban.com/news/detail-437993.html


到了这里,关于如何利用splice()和slice()方法操作数组的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript 使用 splice 方法删除数组元素可能导致的问题

    splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 JavaScript 遍历数组并通过 splice 方法删除该数组符合某些条件的元素将会导致哪些问题? 当使用 splice 方法从 JavaScript 数组中删除元素时,可能会

    2023年04月23日
    浏览(42)
  • js 常用函数 push()、pop()、shift()、unshift()、slice()、splice() 等

    最近对前端一些函数的用法还不是很熟悉,有一些函数容易混淆,在此总结一下,同时分享给各位小伙伴: join() 将数组中元素 组成字符串 ,需要传个参数作为连接符,不传的话默认就是逗号。 在数组 尾部逐个添加 元素,返回结果数组的长度,能接收任意数量参数,push(

    2024年02月02日
    浏览(33)
  • 如何正确使用 JavaScript 中的 slice() 方法

    在 JavaScript 中, slice() 是一个常用的数组方法,用于从现有数组中提取一部分元素,然后返回一个新的数组。它是一个非常有用的工具,可以帮助你在不改变原始数组的情况下操作数组的子集。本文将介绍 slice() 的基本概念、使用方法、实践案例和互动练习,以帮助你更好地

    2024年01月18日
    浏览(38)
  • Vue splice方法使用

    语法格式:splice(index, len, [item]) 可以用来替换/删除/添加数组内某一个值或几个值,该方法会改变初始数组。 index:数组开始下标 len:替换/删除的长度 item:替换的值,为删除时item为空 删除: 替换: 新增:

    2024年02月10日
    浏览(31)
  • Golang 中的数组Array以及Slice底层实现

    数组是指一系列同一类型数据的集合。数组中包含的每个数据被称为数组元素 (element),这种类型可以是任意的原始类型,比如 int 、 string 等,也可以是用户自定义的类型。一个数组包含的元素个数被称为数组的长度。 在 Golang 中数组是一个长度固定的数据类型, 数组的长度

    2024年02月16日
    浏览(45)
  • 慕课网Go-2.数组、slice、map、list

    2024年02月15日
    浏览(41)
  • Go后端开发 -- 数组 && slice && map && range

    go中的数组是固定长度的; 声明数组 Go 语言数组声明需要指定元素类型及元素个数,语法格式如下: 例如: 初始化数组 初始化数组中 {} 中的元素个数不能大于 [] 中的数字。 如果忽略 [] 中的数字不设置数组大小,Go 语言会根据元素的个数来设置数组的大小: 以下实例读取

    2024年01月17日
    浏览(48)
  • Splice方法的图像化理解

    splice在英语中的意思是拼接,在实际的代码使用中,splice就在数组中起到了一个拼接的作用 splice(x,y,a,b,c,...) 其中x、y为数字,a、b、c为新添加的项,意思是从数组的第x项开始删除y项,并在其中添加a、b、c...,其中x、y必填,abc可不填 现在让我们将splice方法想象成一把剪刀,

    2024年04月16日
    浏览(30)
  • 利用java语言中的stream流操作判断一个数组中是否有重复元素

    判断数组中是否有重复元素可以说是每一个编程语言初学者都会遇到的题目,常见的各种搜索算法本文不做赘述了,我们这次介绍的是利用java语言中特有的stream流操作来判断通用类型数组是否包含重复元素。 首先我们声明一个泛型方法: 表明该方法适用于所有类型的数组。

    2024年02月12日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包