首页 web前端 js教程 js数组如何删除指定位置的元素?删除指定位置元素的2种方法

js数组如何删除指定位置的元素?删除指定位置元素的2种方法

Oct 22, 2018 pm 02:51 PM
delete js数组 删除元素

本篇文章给大家带来的内容是介绍js数组(一维)删除指定位置元素的方法,让大家了解js数组是怎么删除指定位置上的元素。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

推荐手册JavaScript中文参考手册

js数组如何删除元素?在之前的文章【js怎么使用pop()和shift()来删除数组元素?】中我们介绍了删除js一维数组中最开头的一个元素和最末尾的一个元素的方法,大家有需要可以如看看。

下面我们来详细介绍一下js一维数组删除指定位置元素的2种方法是什么?如何使用?

方法一:js splice()方法删除指定位置的数组元素

splice()方法可以将一个或多个js数组元素从指定的位置上删除,然后返回被删除的数组元素。

语法:

数组.splice(index,howmany);
登录后复制

index:表示从指定的位置上(哪里)删除元素;

howmany:表示应该删除多少个元素,赋值为0就表示不删除元素;

代码实例:删除animal数组第二项和第三项的元素(第一项后的连续两个元素)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<div class="demo">
			<p>数组:cat,elephant,tiger,rabbit;<br>数组长度为:4</p>
		    <button onclick="myFunction()">点我--shift()删除元素</button>
		</div>
	</body>
	<script type="text/javascript">
		function myFunction(){
		   var animal = ["cat", "elephant", "tiger","rabbit"];
		   document.write("<p>数组:"+animal+"<br>数组长度:"+ animal.length+"</p>");
		   var animal1= animal.splice(1,2);
		   document.write("<p>新数组:"+animal+"<br>删除的元素为:"+ animal1+"<br>数组长度:"+ animal.length+"</p>");
		}
    </script>
</html>
登录后复制

效果图:

6.jpg

相关文章推荐:
1.js中如何移除数组中指定的元素(两种方法)
2.JS数组删除指定元素
相关视频教程:

1.JavaScript极速入门_玉女心经系列

方法二:js delete方法删除指定位置的数组元素

delete方法可以通过数组的下标将js数组中的一个元素从指定位置上删除,且删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变。

语法:

delete.数组[数组下标];/*数组下标控制指定位置,下标从0开始*/
登录后复制

代码实例:删除animal数组的第二项元素,即:animal[1],然后animal[1]的值会为:undefined。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>
		<div class="demo">
			<p>数组:cat,elephant,tiger,rabbit;<br>数组长度为:4</p>
		    <button onclick="myFunction()">点我--delete删除元素</button>
		</div>
	</body>
	<script type="text/javascript">
		function myFunction(){
		   var animal = ["cat", "elephant", "tiger","rabbit"];
		   document.write("<p>数组:"+animal+"<br>数组长度:"+ animal.length+"</p>");
		   var animal1= delete animal[1];
		   document.write("<p>新数组:"+animal+"<br>删除元素后,现在为:"+ animal[1]+"<br>数组长度:"+ animal.length+"</p>");
		}
    </script>
</html>
登录后复制

效果图:

7.jpg

总结:以上就是本篇文章所介绍的在js数组中添加元素的2种方法,分别为splice()方法和delete方法。工作中选择哪种方法,看工作需要和个人习惯, 大家可以自己动手尝试,加深理解,希望这篇文章可以帮助到你!

更多相关教程请访问:JavaScript视频教程jQuery视频教程bootstrap视频教程

以上是js数组如何删除指定位置的元素?删除指定位置元素的2种方法的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

键盘删除键是哪个 键盘删除键是哪个 Mar 16, 2023 pm 04:48 PM

键盘删除键有两个:del(delete)键和backspace键。backspace又称退格键,这个按键可以把光标前面的文本内容删除掉;而delete键可以删除字符、文件和选中对象。每按一次del键,就会删除光标右侧的一个字符,光标右侧的字符向左移动一帧;当选中一个或多个文件/文件夹时,按Del键可快速删除;在某些应用程序中选中某个对象,按Del键可快速删除选中对象。

delete键有什么功能 delete键有什么功能 Mar 10, 2023 pm 06:07 PM

delete键的功能为:1、删除字符;每按一次delete键,就会删除光标右侧的一个字符,光标右侧的字符向左移动一帧。2、删除文件;当选中一个或多个文件/文件夹时,按Delete键快速删除(移动到回收站,可恢复)。3、删除选中对象;在某些应用程序中选中某个对象,按Delete键可快速删除选中对象。

如何控制   Alt   删除:Mac 教程 如何控制 Alt 删除:Mac 教程 Apr 16, 2023 pm 12:37 PM

Control Alt Delete:“Mac”方式Ctrlaltdel是Windows用户用来打开“任务管理器”的常用组合键。他们通常会从管理器菜单中退出不需要的应用程序,以释放计算机上的一些空间。Control Alt DeleteMac变体可让您打开“强制退出”菜单。如果Mac用户想要退出导致问题的程序或查看打开的程序,他们可以与菜单交互以进一步调查。如何在Mac上执行ControlAltDelete?如果您有任何出现故障的应用程序,您必须使用此组合键来摆

jquery怎么删除元素但保留子元素 jquery怎么删除元素但保留子元素 Nov 19, 2021 pm 02:22 PM

jquery删除元素但保留子元素的方法:1、使用children()方法获取指定元素的所有子元素;2、使用unwrap()方法删除子元素的父元素但保留子元素,语法“$("指定元素").children().unwrap();”。

delete删除的文件可以恢复吗 delete删除的文件可以恢复吗 Feb 24, 2023 pm 03:49 PM

delete删除的文件可以恢复;因为当用户使用delete来删除文件,会将这些文件移入回收站,并没有完全删除。恢复方法:1、打开“回收站”,选中要恢复的文件,点击“还原此项目”即可;2、打开“回收站”,选中要恢复的文件,使用撤消快捷方式“ctrl+z”即可。

javascript怎么从set中删除元素 javascript怎么从set中删除元素 Jan 12, 2022 am 10:56 AM

删除元素的方法:1、使用delete(),可从Set对象中删除指定的元素,语法“setObj.delete(value);”;2、使用clear(),可删除Set对象中的所有元素,语法“setObj.clear();”。

如何在jQuery中添加、编辑和删除表格行? 如何在jQuery中添加、编辑和删除表格行? Sep 05, 2023 pm 09:49 PM

在当今的Web开发时代,有效且高效的表管理变得非常重要,特别是在处理数据量大的Web应用程序时。从表中动态添加、编辑和删除行的能力可以显着增强用户体验并使应用程序更具交互性。实现这一目标的一种有效方法是利用jQuery的强大功能。jQuery提供了许多功能来帮助开发人员执行操作。表格行表格行是相互关联的数据的集合,由HTML中的元素表示。它用于将表格中的单元格(由元素表示)分组在一起。每个元素用于定义表中的一行,对于多属性表,通常包含一个或多个元素。语法$(selector).append(co

es6 数组怎么移除元素 es6 数组怎么移除元素 Jan 11, 2023 pm 03:51 PM

方法:1、用shift()删除第一个元素,语法“数组.shift()”;2、用pop()删除最后一个元素,语法“数组.pop()”;3、用splice()删除任意位置的元素,语法“数组.splice(位置,个数)”;4、用length删除尾部的N个元素,语法“数组.length=原数组长度-N”;5、直接赋予空数组“[]”来清空元素;6、用delete删除指定下标的一个元素。

See all articles