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数组删除特定数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js module大战

    js module大战

    这篇文章主要介绍了js module,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JS温故而知新之变量提升和时间死区

    JS温故而知新之变量提升和时间死区

    这篇文章主要给大家介绍了关于JS温故而知新之变量提升和时间死区的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01
  • 小程序中实现获取全部数据的图文教程

    小程序中实现获取全部数据的图文教程

    最近在开发中遇到了一个需求,需要获取小程序的全部数据,所以这篇文章主要给大家介绍了关于小程序中实现获取全部数据的相关资料,需要的朋友可以参考下
    2022-11-11
  • JavaScript中数字计算时丢失精度问题解决方法

    JavaScript中数字计算时丢失精度问题解决方法

    在前端开发中,精度丢失是一个常见的问题,特别是在涉及到浮点数计算时,下面这篇文章主要给大家介绍了关于JavaScript中数字计算时丢失精度问题的解决方法,需要的朋友可以参考下
    2024-09-09
  • 前端导出PDF的组件及方法实际例子

    前端导出PDF的组件及方法实际例子

    这篇文章主要介绍了三种流行的前端导出PDF的组件和方法,分别是jsPDF、pdfMake和Print.js,每个库都有其特点和适用场景,可以根据具体需求选择合适的库,需要的朋友可以参考下
    2025-02-02
  • 详解JavaScript逻辑Not运算符

    详解JavaScript逻辑Not运算符

    这篇文章主要介绍了JavaScript逻辑Not运算符,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示,想要深入了解逻辑Not运算符的朋友可以参考一下
    2015-12-12
  • 基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

    基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

    一般Web界面包括的界面控件有:单行文本框、多行文本框、密码文本框、下拉列表Combobox、日期输入控件、数值输入控件、单项选择、复选框、表格控件DataGrid、树形控件、布局控件、弹出式对话框、提示信息、列表控件等,这些界面控件的操作都有哪些不同,下面逐一介绍
    2015-12-12
  • JavaScript来实现打开链接页面的简单实例

    JavaScript来实现打开链接页面的简单实例

    下面小编就为大家带来一篇JavaScript来实现打开链接页面的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 对比分析Django的Q查询及AngularJS的Datatables分页插件

    对比分析Django的Q查询及AngularJS的Datatables分页插件

    通过本文给大家对比分析了Django的Q查询及AngularJS的Datatables分页插件,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • JavaScript+Node.js写一款markdown解析器

    JavaScript+Node.js写一款markdown解析器

    这篇文章主要介绍了利用JavaScript和Node.js写一款markdown解析器,首先编写getHtml函数,传入markdown文本字符串,下面更多详细内容,需要的小伙伴可以参考一下
    2022-02-02

最新评论