JS实现数组删除指定元素功能示例
更新时间：2019年06月05日 08:51:50 作者：longzhoufeng
这篇文章主要介绍了JS实现数组删除指定元素功能,涉及javascript数组遍历、排序、判断等相关操作技巧,需要的朋友可以参考下
本文实例讲述了JS实现数组删除指定元素功能。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>www.jb51.net JS数组删除指定元素</title>
</head>
<body>
<script>
var array = ["111", "222", "333", "444", "555", "666"];
var indexList = [0, 5, 6];
var indexList1 = [5];
Array.prototype.del = function(indexList) {
function isValidate(number) {
if(isNaN(number) && number > this.length) {
return false;
}
}
if(indexList instanceof Array) {
indexList.sort(function(x, y) {
if(x > y) {
return 1;
} else {
return -1;
}
});
var lastIndex = indexList[indexList.length - 1];
isValidate(lastIndex);
for(var i = 0; i < indexList.length; i++) {
var n = i;
if(n > 0) {
indexList[i] = indexList[i] - n;
}
this.splice(indexList[i], 1);
n++;
}
} else {
isValidate(indexList);
this.splice(indexList, 1);
}
}
console.log("before delete: " + array);
array.del(indexList1);
console.log("after delete: " + array);
</script>
</body>
</html>
运行结果：
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容还可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
箭头函数是和我们工作密切相关的东西，本文主要介绍了js中什么时候不能使用箭头函数，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了原生javaScript实现图片延时加载的方法,无需通过载入jQuery脚本即可实现图片的延时加载效果,是非常实用的技巧,需要的朋友可以参考下2014-12-12
下面小编就为大家带来一篇浅谈js的异步执行。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了JS定时器用法,结合时钟与菜单中的应用分析了JS中setInterval与setTimeout操作时间的相关技巧,需要的朋友可以参考下2016-12-12
在JavaScript开发中,数组的操作至关重要,本文详细介绍了数组的常用方法,包括添加、删除、查找、迭代、遍历、排序和变换等功能,掌握这些方法,可以有效地处理和操作数组数据,提高开发效率和代码的可维护性,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了JavaScript多种图形实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了JS实现简单的浮动碰撞效果,类似于广告悬浮图片在屏幕上来回碰撞的效果,涉及javascript结合时间动态操作页面元素属性的相关技巧,需要的朋友可以参考下2017-12-12
这篇文章主要介绍了javascript实现PC网页里的拖拽效果的相关资料,需要的朋友可以参考下2016-03-03
TypeScript由微软开发的自由和开源的编程语言，是一种给 JavaScript 添加特性的语言扩展，接下来通过本文给大家介绍TypeScript 中如何限制对象键名的取值范围，感兴趣的朋友跟随小编一起看看吧2021-05-05
这篇文章主要为大家详细介绍了js实现鼠标点击飘爱心效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
最新评论