JavaScript 数组常用的方法(删除数组中的某个值)二

删除数组中的某个值

  • splice() 方法:该方法可用于删除数组中的一项或多项,并返回删除的项。splice() 方法接受两个参数,第一个参数是要删除的起始位置,第二个参数是要删除的项数。

注意: splice() 方法会修改原始数组,如果你不想修改原始数组,可以先复制一份数组再进行操作。

let arr = [1, 2, 3, 4, 5];
arr.splice(2, 1); // 删除 arr 中索引为 2 的项
console.log(arr); // [1, 2, 4, 5]arr.splice(1, 2); // 删除 arr 中索引为 1 和 2 的两项
console.log(arr); // [1, 5]
  • delete 关键字:该关键字可用于删除数组中指定位置的项,但不会改变数组的长度,而是将被删除的项替换为 undefined。
let arr = [1, 2, 3, 4, 5];
delete arr[2]; // 删除 arr 中索引为 2 的项
console.log(arr); // [1, 2, undefined, 4, 5]
  • filter() 方法:该方法可用于返回一个新数组,包含符合条件的项。可以设置一个条件函数来过滤数组中不需要的项。
let arr = [1, 2, 3, 4, 5];
arr = arr.filter(item => item !== 3); // 删除 arr 中值为 3 的项
console.log(arr); // [1, 2, 4, 5]
  • 使用 indexOf() 方法和 splice() 方法:可以使用 indexOf() 方法找到目标值的索引,然后使用 splice() 方法删除该索引处的元素。
let arr = [1, 2, 3, 4, 5];
let targetValue = 3;let index = arr.indexOf(targetValue);
if (index !== -1) {arr.splice(index, 1);
}console.log(arr);  // 输出 [1, 2, 4, 5]
  • 使用 reduce() 方法:reduce() 方法通过遍历数组的每个元素,并将其简化为单个值。可以使用 reduce() 方法过滤掉目标值,从而删除目标值
let arr = [1, 2, 3, 4, 5];
let targetValue = 3;arr = arr.reduce((acc, item) => {if (item !== targetValue) {acc.push(item);}return acc;
}, []);console.log(arr);  // 输出 [1, 2, 4, 5]
  • pop() 或 shift() 方法:这两种方法分别用于删除数组中的最后一项或第一项,并返回被删除的项。
let arr = [1, 2, 3, 4, 5];
arr.pop(); // 删除 arr 中的最后一项
console.log(arr); // [1, 2, 3, 4]arr.shift(); // 删除 arr 中的第一项
console.log(arr); // [2, 3, 4]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/224584.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

模板方法模式(行为型)

目录 一、前言 二、模板模式 三、带钩子的模板模式 四、总结 一、前言 模板方法模式是一种行为型设计模式,它定义了一个操作中的算法框架,将一些步骤延迟到子类中实现。这种模式是基于“开闭原则”的设计思想,即对扩展开放,对…

JAVA:乘除窗体的实现

目录 题目要求: 窗口的实现: try 和 catch 的用法: 思路大意: 关键代码的实现: 题目要求: 使用 try 和catch 方法完成乘法除法的异常处理和窗体的实现,如下图所示: 窗口的实…

西瓜视频RenderThread引起的闪退问题攻坚历程

背景 影响 西瓜之前存在过一类RenderThread闪退,从堆栈上看,全部都是系统so调用,给人的第一印象像是一个系统bug,无从下手。闪退集中在Android 5~6上,表现为打开直播间立即闪退。该问题在2022年占据Native Crash Top5&…

Linux(19):基础系统设定与备份策略

系统基本设定 网络设定(手动设定与 DHCP 自动取得) 通常网络参数的取得方式常见的有底下这几种: 1.手动设定固定 IP 常见于学术网络的服务器设定、公司行号内的特定座位等。这种方式你必须要取得底下的几个参数才能够让你的 Linux 上网的: …

SpringBoot基础使用及对其他项目进行整合

目录 一、简介 1-讲述 2-特点 二、创建配置 1.创建 2.配置 3.代码生成 三、项目整合 每篇一获 一、简介 1-讲述 众所周知 Spring 应用需要进行大量的配置,各种 XML 配置和注解配置让人眼花缭乱,且极容易出错,因此 Spring 一度被称…

i春秋云镜之Initial

首先拿到目标IP:39.99.156.72 通过Fscan进行扫描发现存在Thinkphp RCE漏洞。 ./fscan_amd64 -h 39.99.156.72然后通过利用工具进行RCE。 我们进行getshell之后通过蚁剑进行连接。 反弹shell并转换成python 交互式shell。 rm /tmp/f;mkfifo /tmp/f;cat /tmp/f|/b…

《儿童绘本》期刊杂志发表论文投稿

《儿童绘本》杂志是由国家新闻出版管理部门批准,由吉林省舆林报刊发展有限责任公司主管主办,国内外公开发行的全国优秀期刊。办刊宗旨:以“普及绘本知识、推动儿童阅读”为理念,带动家庭亲子阅读,推动阅读教育及图画书…

nginx 配置SSE

使用SSE实现聊天功能,本地开发响应速度流畅,但打包部署后,聊天响应有卡顿现象。 前端页面部署在nginx中,在配置中添加以下SSE配置项 # SSE supportproxy_buffering off;proxy_cache off;proxy_read_timeout 86400s;proxy_send_tim…

C语言刷题数组------数组交换

输入一个长度为 10的整数数组 X[10],将里面的非正整数全部替换为 1,输出替换完成后的数组。 输入格式 输入包含 10个整数,每个整数占一行。输出格式 输出新数组中的所有元素,每个元素占一行。输出格式为 X[i] x,其中…

Temporal 常见 FQ 速查

1、启动 worker 失败 INFO No Lofigured for temporal client. Created default one. Unable to create client failed reaching server: upstream connect error or disconnect/reset before headers. reset reason: connection failure 解决:没找到链接资源&…

根文件系统(一):基础

本文主要探讨210根文件系统相关知识。 根文件系统 存储设备(flash等)是分块(扇区),访问存储设备是按块号 (扇区号)来访问,文件系统(软件)对存储设备扇区进行管理,将对扇区的访问变成对目录和文件名的访问 根文件系统init进程的应用程序和其他应用程序,提供根目…

多家高校设立“鸿蒙班”;ChatGPT 成为 Nature 年度十大人物丨 RTE 开发者日报 Vol.107

开发者朋友们大家好: 这里是 「RTE 开发者日报」 ,每天和大家一起看新闻、聊八卦。我们的社区编辑团队会整理分享 RTE (Real Time Engagement) 领域内「有话题的 新闻 」、「有态度的 观点 」、「有意思的 数据 」、「有思考的 文…

软件测试薪资高不高?来看看不同阶段测试猿的薪资情况

初级软件测试工程师3-8k 自动化测试一线城市起薪10-12k,范围10-25k 测试架构师/测试开发 起薪25k,上限能到50k。

FPGA巩固基础:秒表的设计

设计要求: 6位8段数码管,低三位显示毫秒计数,最高位显示分钟,其余两位显示秒计数。 开始案件与暂停按键,复位按键直接全部归零。 扩展部分:每计满一次,led移位一次。 框图设计: …

linux 应用开发笔记---【信号:基础】

1.基本概念 信号是发生事件时对进程的通知机制,也可以称为软件中断 信号的目的是用来通信的 1.硬件发生异常,将错误信息通知给内核,然后内核将相关的信号给相关的进程 2.在终端输入特殊字符产生特殊信号 3.进程调用kill()将任意信号发送…

解决nuxt3环境中css样式失效的问题

现象: 底部播放器进度条拖动按钮没有了! 然后通过chrome开发工具检查html元素的结构: 发现progressbar这个元素是存在的,但是为什么没有显示呢,然后回到代码中: 发现原来是组件的名字写错了,多写了一个字母…

Leetcode 47 全排列 II

题意理解: 首先理解全排列是什么?全排列:使用集合中所有元素按照不同元素进行排列,将所有的排列结果的集合称为全排列。 这里的全排列难度升级了,问题在于集合中的元素是可以重复的。 问题:相同的元素会导致…

国王分金币

国王将金币作为工资,发放给忠诚的骑士。第一天,骑士收到枚金币;之后两天(第二天和第三天),每天收到两枚金币;之后三天(第四、五、六天),每天收到三枚金币;之后四天(第七、八、九、十天),每天收到四枚金币......;这种工…

docker整体环境转移

最近配了个docker,配完才发现,有点小G,还得自己安装cuda,有点麻烦,如果选择重新在新的cuda镜像上安装,也不轻松,所以找了下资料,搞出来了docker整体转移 首先介绍一个命令 docker c…

vivado约束方法5

打开向导时可用的报告功能 当定时约束向导打开时,它会阻止Vivado IDE中的大多数操作包括使用Tcl控制台或运行时序分析,以避免数据库差异。向导窗口始终位于其他Vivado IDE窗口的前面。如果你需要访问Vivado IDE菜单或窗口,必须将向导窗口移动…