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中的匿名函数与封装介绍,本文分析了jQuery 封装、Backbone 封装、Underscore 封装等内容,需要的朋友可以参考下2015-03-03
这篇文章主要来和大家一起深入探讨如何使用JavaScript实现一个动态表单生成器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下2024-01-01
JavaScript判断浏览器对CSS3属性是否支持的多种方法
其实在使用css3的一些属性时，为了兼顾低端浏览器对CSS3的不友好性，往往需要知道某些浏览器是否支持要使用的CSS3属性，以此来做向下适配。比如常见的CSS3动画就很有必要检测浏览器是否支持。下面本文就分享了几种方法，有需要的朋友们可以参考借鉴。2016-11-11
下面小编就为大家带来一篇浅谈JavaScript中变量和函数声明的提升。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
webpack+vue-cil中proxyTable处理跨域的方法
这篇文章主要介绍了webpack+vue-cil中proxyTable处理跨域的方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
多附件上传组件演示...2006-09-09
JavaScript深度复制（deep clone）的实现方法
本文给大家介绍JavaScript深度复制（deep clone）的实现方法，涉及到js深度复制相关知识，本文介绍的非常详细，特此分享脚本之家平台供大家参考2016-02-02
这篇文章主要介绍了微信小程序实现的动态设置导航栏标题功能,结合实例形式分析了微信小程序使用wx.setNavigationBarTitle接口动态设置导航栏标题的相关操作技巧,需要的朋友可以参考下2019-01-01
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有：用户是否已填写表单中的必填项目？用户输入的邮件地址是否合法？用户是否已输入合法的日期？用户是否在数据域 (numeric field) 中输入了文本？2014-09-09
这篇文章主要介绍了javascript动态修改Li节点值的方法,涉及针对li节点的操作技巧,非常具有实用价值,需要的朋友可以参考下2015-01-01
最新评论