轻松掌握 JS 删除数组中指定的对象或者删除数组中某一项

2023-05-16

前言

关于 JS 删除数组中指定的对象或某一项的话题,它是在实际开发中经常会遇到的问题,也是需要掌握的基本技能。在这篇文章中,我们将深入探讨如何使用 JS 来删除数组中指定的对象或者删除数组中某一项。


删除数组中指定的对象

下拉框组件

<div>
  <el-select v-model="shztModel" clearable placeholder="请选择审核状态">
    <el-option v-for="item in optionsAudit" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</div>

data

data() {
  return {
    optionsAudit: [], //下拉框数组
    shztModel: "", //下拉框绑定model
  };
},

模拟接口数据

let params = [
  {
    value: "0",
    label: "初审通过",
  },
  {
    value: "1",
    label: "初审不通过",
  },
  {
    value: "2",
    label: "未上报",
  },
  {
    value: "3",
    label: "复审通过",
  },
  {
    value: "4",
    label: "复审不通过",
  },
];

方法一(直接循环处理)

代码实例

mounted() {
  params.map((item, index) => {
    if (item.value == "2") {
      params.splice(index, 1);
      this.optionsAudit = params;
    }
  });
},

方法二 indexOf()

indexOf() 方法可以返回某个指定的字符串值在字符串中首次出现的位置,如果没有找到匹配的字符串则返回 -1

代码实例

mounted() {
  params.map((item, index) => {
    if (item.value.indexOf("2") > -1) {
      params.splice(index, 1);
      this.optionsAudit = params;
    }
  });
},

方法三(逆序遍历)

至于为什么要选择逆序遍历是因为因为删除元素使用正序循环遍历的话会引起后序元素移位导致漏掉。

代码实例

mounted() {
  for (let i = params.length - 1; i >= 0; i--) {
    if (params[i].value == "2") {
      params.splice(i, 1);
      this.optionsAudit = params;
    }
  }
},

实现效果

在这里插入图片描述


删除数组中指定的项

方法一 filter()

filter() 方法通过检查指定数组中符合条件的所有元素,filter() 方法不会改变原始数组。

代码实例

let arrList = ["周一", "周二", "周三", "周四", "周五"];
arrList = arrList.filter((item) => item != "周三");
console.log(arrList); // ['周一', '周二', '周四', '周五']

方法二 indexOf()

代码实例

let arrList = ["周一", "周二", "周三", "周四", "周五"];
let index = arrList.indexOf("周三");
if (index > -1) {
  arrList.splice(index, 1);
  console.log(arrList); // ['周一', '周二', '周四', '周五']
}

方法三(逆序遍历)

代码实例

let arrList = ["周一", "周二", "周三", "周四", "周五"];
for (let i = arrList.length - 1; i >= 0; i--) {
  if (arrList[i] == "周三") {
    arrList.splice(i, 1);
    console.log(arrList); // ['周一', '周二', '周四', '周五']
  }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

轻松掌握 JS 删除数组中指定的对象或者删除数组中某一项 的相关文章

  • 回望2014

    时光荏苒 xff0c 流光飞逝 xff0c 一转眼的时间又是一年 回望一下2014年 xff0c 这一年应该是成长的一年 xff0c 是温暖的一年 xff0c 也是丰收的一年 在这过去的一年里 xff0c 大概可以从工作和生活两方面说说吧
  • 2011,我的IT我的梦

    代码不过十万行 xff0c 别娶媳妇别买房 xff0c 这句诙谐的语言 xff0c 形象的描述了IT行业对程序员的最基本IT素质的要求 xff0c 很荣幸的是 xff0c 我在大学时代就完成了这个基本的任务 xff0c 因此我人生的第一份I
  • LitePal编译出错Error:Unsupport type 'dbname'解决方法

    使用LitePal前 xff0c 需要先配置一下第三方库 xff0c 我们可以通过两种方式来配置 xff1a 1 通过官网下载链接 在官方下载地址上下载需要的版本库 xff0c 然后放到工程目录下的libs文件夹中 xff0c 并右键jar
  • select 建立了索引但是不走索引

    create index indexName on A abc 此时select abc from A 不走索引 可用如下方法让搜索走索引 select distinct abc from A a where exists select 1
  • 关于conda install命令出现CondaHTTPError问题

    在安装过程中 xff0c 安装包时报错 xff1a 打开C Users 用户名 condarc文件 xff0c 没有则创建 xff0c 复制如下内容保存 xff08 一行不能多 xff0c 一行不能少 xff09 xff1a channel
  • 【MySQL技术内幕】15-InnoDB存储引擎文件

    之前介绍的文件都是 MySQL数据库本身的文件 和存储引擎无关 除了这些文件外 每个表存储引擎还有其自己独有的文件 本节将具体介绍与 InnoDB存储引擎密切相关的文件 这些文件包括重做日志文件 表空间文件 1 表空间文件 InnoDB采用
  • Linux进程的睡眠和唤醒

    在Linux中 xff0c 仅等待CPU时间 的进程称为就绪进程 xff0c 它们被放置在一个运行队列中 xff0c 一个就绪进程的状态标志位为TASK RUNNING 一旦一个运行中的进程时间片用完 xff0c Linux内核的调度器会剥
  • mkdir命令详解

    mkdir命令来自于英文词组 make directories 的缩写 xff0c 其功能是用来创建目录文件 使用简单 xff0c 但需要注意若要创建的目标目录已经存在 xff0c 则会提示已存在而不继续创建 xff0c 不覆盖已有文件 而
  • 如何在 MySQL 中创建超级用户

    如何在 MySQL 中创建超级用户 xff1f 本指南将引导您完成在 MySQL 中创建新用户并使其成为具有类似于 root 的数据库访问权限的超级用户的步骤 1 首先 xff0c 你必须使用具有CREATE USER权限的root用户登录
  • 统计员工年度,月度的加班和调休统计

    根据需求 xff0c 写了一个统计部门员工年度的加班与调休统计报表 实现结果如下 xff1a 页面代码如下所示 xff1a 64 model IEnumerable lt lvElecCenter Areas HR Models Leave
  • 我的2014-前进在梦想的道路上

    离2014的结束还有2天 xff0c 一年终去 xff0c 感触颇多 xff1a 或是振奋 xff0c 或是感动 xff0c 或是美好 停下手头繁忙的工作 xff0c 静下心来 xff0c 我们一起 来 盘点这一年的工作和生活 这一年你是否
  • 云计算知识3:弹性计算云EC2的基本架构

    弹性计算云EC2主要特性 灵活性 xff1a EC2允许用户对运行实例类型 数量自行配置 xff0c 还可以选择实例运行的地理位置 xff0c 根据用户的需求随时改变实例的使用数量 低成本 xff1a EC2使得企业不必为暂时的业务增长而购
  • 如何将一个网络分为两个子网、如何通过已知IP和子网掩码计算其同一网段的主机IP

    IPV4的IP地址格式通常表示为xxx xxx xxx xxx xff0c 其中xxx为十进制数 xff0c 取值范围是 0 xff0c 255 xff0c 若用16进制表示则为xx xx xx xx xff0c 其中xx的取值范围是 0
  • Unity3D 人称设置(第一人称视角、第三人称视角)

    设置第一人称视角 1 把物体的坐标和摄像机的坐标设置成一样的 xff0c 这样摄像机就在物体内部 xff0c 就是第一人称的视角 2 把摄像机拖拽进物体对象内 xff0c 摄像机变成物体的子对象 xff0c 这样摄像机就能跟着物体一起移动
  • Unity3D 射击游戏练习实例

    知识点 xff1a 刚体组件 xff08 rigidbody xff09 xff0c 受力和碰撞的组件触发器 xff08 Trigger xff09 xff0c 开启后物体碰撞效果取消 xff0c 但仍会返回碰撞消息复制物体对象 xff1a
  • Cocos2dx 环境搭建

    Cocos2dx 环境搭建 准备软件和工具包 xff0c 参考 xff1a Cocos2dx 入门学习准备安装visual studio 安装Python2 7 xff08 直接默认下一步就可以 xff0c 要注意Python安装的路径 x
  • 缺失MSVCR相关文件怎么办

    根据系统的提示 xff0c 看缺失的是哪个文件 xff0c 正常是msvcr100 120 dll在百度上搜索对应文件下载把下载好的msvcr文件 xff0c 放到 C Windows SysWOW64 目录下正常msvcr文件会缺失好几个
  • Cocos2dx 源码解释

    程序入口 AppDelegate AppDelegate在AppDelegate h中定义的 AppDelegate h中的AppDelegate类 xff1a AppDelegate类下的applicationDidFinishLaunc
  • Visual Studio 2019(VS2019) 基本操作

    卸载 加载项目 1 卸载项目 xff1a 不删除项目代码 xff0c 但是停止对该项目的一切使用和调用 xff08 好处是保留代码 xff09 2 加载项目 xff1a 重新加载已停用的项目 xff0c 可以继续使用和调用 修改VS主题风格
  • Elasticsearch 中文分词&多词搜索&权重

    目录 中文分词器 一 安装中文分词器ik 二 使用中文分词器 多词搜索 权重 中文分词器 一 安装中文分词器ik 源码地址 xff1a https github com medcl elasticsearch analysis ik 根据提

随机推荐

  • C# do while循环结构

    注意 循环结构一共有三种 xff1a while循环 https blog csdn net shenqiankk article details 96299600do while循环for循环 https blog csdn net sh
  • C# for循环结构

    注意 循环结构一共有三种 xff1a while循环 https blog csdn net shenqiankk article details 96299600do while循环 https blog csdn net shenqia
  • C# 构造方法(函数)

    构造方法的作用 构造方法用来创建对象 xff0c 并且在构造方法中对对象进行初始化 构造方法的特殊性 没有返回值 xff0c 不需要写类型 xff0c 连void都不要写 构造方法的方法名 xff0c 与类名要相同 构造方法结构 publi
  • GDI+ 绘图方法

    GDI绘直线步骤 创建GDI对象 xff1a Graphics g 61 this CreateGraphics 创建画笔对象 xff1a Pen pen 61 new Pen Brushes Red 创建两个点 xff1a Point p
  • C# 连接MySQL数据库

    C 引用MySQL步骤 xff1a 下载mysql data dll xff1a http soft onlinedown net soft 618668 htm将文件放在项目目录下在VS2019项目内 xff0c 引用mysql data
  • Navicat of MySQL连接和使用

    请先安装MySQL服务 MySQL数据库安装 xff1a https blog csdn net shenqiankk article details 99756531 新建连接 如果出现Can t connect to MySQL ser
  • Mysql创建数据库字符集的选择

    转载 xff1a https blog csdn net JingChC article details 82908686 字符集选择 xff1a 在国内正常都是用 UTF 8 排序选择 xff1a 排序一般分为两种 xff1a utf b
  • Linux进程状态解析 之 R、S、D、T、Z、X (主要有三个状态)

    linux是一个多用户 xff0c 多任务的系统 xff0c 可以同时运行多个用户的多个程序 xff0c 就必然会产生很多的进程 xff0c 而每个进程会有不同的状态 Linux进程状态 xff1a R TASK RUNNING xff0c
  • python装饰器(详解)

    1 什么是装饰器 器指的是工具 xff0c 可以定义成成函数 装饰指的是为其他事物添加额外的东西点缀 合到一起的解释 xff1a 装饰器指的定义一个函数 xff0c 该函数是用来为其他函数添加额外的功能 就是拓展原来函数功能的一种函数 2
  • linux基础---常用命令学习

    1 显示日期的指令 xff1a date Linux时钟分为系统时钟 xff08 System Clock xff09 和硬件 xff08 Real Time Clock xff0c 简称RTC xff09 时钟 系统时钟是指当前Linux
  • JdbcTemplate queryForObject Incorrect result size: expected 1, actual 0

    使用Spring中的jdbcTemplate 时 xff0c 通过id查询不到结果时返回Incorrect result size expected 1 actual 0 64 Override public lt T gt T query
  • Ubuntu usb wifi驱动安装(MT7601u芯片)

    软件环境 Ubuntu 14 04 硬件环境 芯片 xff1a MT7601u 确定芯片 xff0c 在电脑插上usb wifi xff0c 在ubuntu命令行 xff0c 输入lsusb命令 xff0c 在所列的列表中有MT7601u即
  • 【目标检测】Fast RCNN算法详解

    Girshick Ross Fast r cnn Proceedings of the IEEE International Conference on Computer Vision 2015 继2014年的RCNN之后 xff0c Ro
  • 【目标检测】RCNN算法详解

    Girshick Ross et al Rich feature hierarchies for accurate object detection and semantic segmentation Proceedings of the
  • SHTC3的研发经历

    SHTC3自学笔记 一 SHTC3介绍 SHTC3是一款低功耗温湿度传感器 xff0c 温度的采集范围为 40 125 xff0c 湿度的采集范围为 0 100 通讯方式是I2C xff0c 引脚定义如图1所示 I2C的器件地址只有一个 x
  • BH1750光照传感器超详细攻略(从原理到代码讲解,看完你就懂了)

    目录 一 前言二 芯片介绍三 IIC通讯介绍IIC通讯过程简介IIC通讯实例BH1750的通讯过程 四 BH1750的命令五 BH1750编程教学六 测试七 总结 一 前言 之所以写这篇文章 xff0c 原因有两个 一是 xff1a 有个师
  • mininet+FlowVisor+OpenDayLight环境搭建及实验一

    注 xff1a 这是我在学习时整理的笔记 xff0c 包含我遇到的问题已经一些需要注意的点 转载请标明出处并附上原文连接 xff0c 谢谢 xff01 http blog csdn net sherkyoung article detail
  • Ubuntu Linux服务器安装图形化界面并用VNC Viewer连接

    文章目录 1 流程2 服务器开启VNC使用的端口3 服务器安装Ubuntu桌面与VNC Server4 客户端安装VNC Viewer xff08 略 xff09 5 连接 x1f517 1 流程 服务器开启VNC使用的端口服务器安装Ubu
  • 利用JavaScript写一个简易地学生管理系统

    不多说上代码 span class token keyword var span studentNoArr span class token operator 61 span span class token punctuation spa
  • 轻松掌握 JS 删除数组中指定的对象或者删除数组中某一项

    前言 关于 JS 删除数组中指定的对象或某一项的话题 xff0c 它是在实际开发中经常会遇到的问题 xff0c 也是需要掌握的基本技能 在这篇文章中 xff0c 我们将深入探讨如何使用 JS 来删除数组中指定的对象或者删除数组中某一项 删除