JavaScript从数组(数组对象)中删除特定数据的方法
更新时间:2023年09月14日 08:26:40 作者:是小张呀!
这篇文章主要给大家介绍了关于JavaScript从数组(数组对象)中删除特定数据的相关资料,js在前台界面中举足轻重,在使用js删除数组时遇到一些问题,文中通过代码介绍的非常详细,需要的朋友可以参考下
1:数组 (数组对象) 使用 filter()
// 数组 let arr = [ "🐤", "你", "太", "美" ]; let arrList = arr.filter((x) => x !== "太"); console.log(arrList); // 数组对象 let arr = [{name:"张三",age:18},{name:"李四",age:19},{name:"王五",age:20}] let list = arr.filter((val) => val.name !== '张三') console.log(list);
如果数组中有重复的两个元素,我们只想删除一个元素,我们必须使用另一种方法。
2: 数组 使用 indexOf() 和 splice()
let arr = [ "🐤", "你", "太", "美", "🐤" ]; let arrList = arr.indexOf("🐤"); arr.splice(arrList, 1); console.log(arr);
3. 数组(数组对象) for循坏
// 数组 let arr = [1,2,3,4,5,6] let list = [] console.log(arr.indexOf(4)); for(let i=0;i<arr.length;i++){ if(i !== arr.indexOf(4)){ list.push(arr[i]) } } console.log(list); // 对象数组 let arr = [{name:"张三",age:18},{name:"李四",age:19},{name:"王五",age:20}] let list = [] for(let i=0;i<arr.length;i++){ if(arr[i].name !== '张三'){ list.push(arr[i]) } } console.log(list);
总结
到此这篇关于JavaScript从数组(数组对象)中删除特定数据的文章就介绍到这了,更多相关JS数组删除特定数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
JavaScript判断浏览器对CSS3属性是否支持的多种方法
其实在使用css3的一些属性时,为了兼顾低端浏览器对CSS3的不友好性,往往需要知道某些浏览器是否支持要使用的CSS3属性,以此来做向下适配。比如常见的CSS3动画就很有必要检测浏览器是否支持。下面本文就分享了几种方法,有需要的朋友们可以参考借鉴。2016-11-11webpack+vue-cil中proxyTable处理跨域的方法
这篇文章主要介绍了webpack+vue-cil中proxyTable处理跨域的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-07-07JavaScript深度复制(deep clone)的实现方法
本文给大家介绍JavaScript深度复制(deep clone)的实现方法,涉及到js深度复制相关知识,本文介绍的非常详细,特此分享脚本之家平台供大家参考2016-02-02
最新评论