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

news/2024/7/23 16:54:49 标签: javascript, 前端

删除数组中的某个值

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

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

javascript">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。
javascript">let arr = [1, 2, 3, 4, 5];
delete arr[2]; // 删除 arr 中索引为 2 的项
console.log(arr); // [1, 2, undefined, 4, 5]
  • filter() 方法:该方法可用于返回一个新数组,包含符合条件的项。可以设置一个条件函数来过滤数组中不需要的项。
javascript">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() 方法删除该索引处的元素。
javascript">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() 方法过滤掉目标值,从而删除目标值
javascript">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() 方法:这两种方法分别用于删除数组中的最后一项或第一项,并返回被删除的项。
javascript">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.niftyadmin.cn/n/5266796.html

相关文章

C语言第五十一弹--模拟使用strncpy函数

C语言模拟使用strncpy函数 char* strncpy(char* destination, const char* source, size_t num);strncpy 函数会将源字符串中的字符逐个复制到目标字符串中,最多复制 num 个字符。当源字符串的长度小于 num 时,strncpy 会在复制完源字符串后用空字符 \0…

【Linux】进程周边003之进程优先级

👀樊梓慕:个人主页 🎥个人专栏:《C语言》《数据结构》《蓝桥杯试题》《LeetCode刷题笔记》《实训项目》《C》《Linux》 🌝每一个不曾起舞的日子,都是对生命的辜负 目录 前言 1.基本概念 2.PRI与NI 3.利…

【EventBus】EventBus源码浅析

二、EventBus源码解析 目录 1、EventBus的构造方法2、订阅者注册 2.1 订阅者方法的查找过程2.2 订阅者的注册过程1. subscriptionsByEventType 映射:2. typesBySubscriber 映射:2.3 总结订阅者的注册过程 3、事件的发送 3.1 使用Post提交事件3.2 使用p…

在 Windows PC 上轻松下载并安装 FFmpeg

FFmpeg 是一种开源媒体工具,可用于将任何视频格式转换为您需要的格式。该工具只是命令行,因此它没有图形、可点击的界面。如果您习惯使用常规图形 Windows 程序,安装 FFmpeg 一开始可能看起来很复杂,但不用担心,它;很简…

Vue用<br>自定义换行,用v-html渲染,hover的时候title也需要使用自定义换行或者显示一行用省略号展示,hover展示全部

哈喽 大家好啊,最近遇到一个需求&#xff1a; 需求一&#xff1a;用<br>自定义换行&#xff0c;hover的时候title也需要使用自定义换行 然后我便想到了用<br>自定义换行&#xff0c;然后用v-html渲染&#xff0c;则就正常显示了 但是title只能用文本&#xff0c…

CUDA 指定设备的方法,CUDA_VISIBLE_DEVICES 设置当前pytorch程序使用那些GPU设备

在进行pytorch 相关程序开发时&#xff0c;有时需要根据自己的规划使用系统中的多块NVidia GPU 设备&#xff0c;可以通过如下几种方法来指定GPU设备&#xff1a; 当服务器有多个GPU卡时&#xff0c;通过设置 CUDA_VISIBLE_DEVICES环境变量可以改变CUDA程序所能使用的GPU设备&…

FPGA——spi代码篇

一、FPGA 开发SPI基础 为了避免每次SPI驱动重写&#xff0c;直接参数化&#xff0c;尽量一劳永逸。SPI master有啥用呢&#xff0c;你发现各种外围芯片的配置一般都是通过SPI配置的&#xff0c;只不过有三线和四线。SPI slave有什么用呢&#xff0c;当外部主机&#xff08;cpu&…

ansible crontab任务管理 —— 筑梦之路

添加一个定时任务 # ansible-playbook.yml --- - name: Manage crontabhosts: your_target_hoststasks:- name: Add crontab entrycron:name: "rsync backup"minute: "0"hour: "2"job: "/path/to/your/backup_script.sh" your_target…