javascript怎么删除数组的指定元素

青灯夜游
Lepaskan: 2022-06-09 15:13:58
asal
52400 orang telah melayarinya

javascript删除数组指定元素的两种方法:1、使用splice()函数删除指定位置的元素,语法“数组变量名.splice(删除元素的起始位置,1)”;2、使用delete关键字删除指定下标的元素,语法“delete 数组变量名[删除元素的下标]”。

javascript怎么删除数组的指定元素

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

方法1:splice方法

//获取元素在数组的下标
Array.prototype.indexOf = function(val) {
	for (var i = 0; i < this.length; i++) {
		if (this[i] == val)	{ 
			return i;
		};
	}
	return -1; 
};

//根据数组的下标,删除该下标的元素
Array.prototype.remove = function(val) {
	var index = this.indexOf(val);
	if (index > -1) {
	this.splice(index, 1);
	}
};

//测试数据
var insertAttaList = ['abs','dsf',,'abc','sdf','fd'];
insertAttaList.remove('abc');
Salin selepas log masuk

splice(index,len,[item]) 注释:该方法会改变原始数组。

splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值

  • index:数组开始下标 

  • len: 替换/删除的长度 

  • item:替换的值

删除操作的话 item为空

如:

arr = [‘a’,‘b’,‘c’,‘d’]
Salin selepas log masuk

删除 ---- item不设置

arr.splice(1,1) //[‘a’,‘c’,‘d’] 删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变
arr.splice(1,2) //[‘a’,‘d’] 删除起始下标为1,长度为2的一个值,len设置的2
Salin selepas log masuk

【推荐学习:javascript高级教程

替换 ---- item为替换的值

arr.splice(1,1,‘ttt’) //[‘a’,‘ttt’,‘c’,‘d’] 替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1
arr.splice(1,2,‘ttt’) //[‘a’,‘ttt’,‘d’] 替换起始下标为1,长度为2的两个值为‘ttt’,len设置的1
Salin selepas log masuk

添加 ---- len设置为0,item为添加的值

arr.splice(1,0,‘ttt’) //[‘a’,‘ttt’,‘b’,‘c’,‘d’] 表示在下标为1处添加一项‘ttt’
Salin selepas log masuk

方法2:delete方法

delete删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变

如:

delete arr[1] //[‘a’, ,‘c’,‘d’]
Salin selepas log masuk

中间出现两个逗号,数组长度不变,有一项为undefined

更多编程相关知识,请访问:编程视频!!

Atas ialah kandungan terperinci javascript怎么删除数组的指定元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan