首页 > 编程语言 >在JavaScript中如何移除数组中的特定项

在JavaScript中如何移除数组中的特定项

时间:2024-05-27 15:58:28浏览次数:27  
标签:index arr 数组 JavaScript 索引 splice 移除 array

在日常开发中,我们经常需要从数组中移除某个特定的元素。在JavaScript中,存在多种不同的方法来完成这一任务,本文将总结几种常见的处理方式,并介绍它们的优缺点。

常规情况

1. 使用 .splice() 方法按值移除数组元素

  • 是否修改原数组: 是
    • 是否移除重复项: 是(使用循环), 否(使用 indexOf
    • 按值/按索引: 按索引
      如果你知道要移除的元素的值,可以使用 splice 方法。首先,需要找出目标元素的索引,然后使用该索引作为起始位置并移除一个元素。
// 使用循环移除
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
for (let i = 0; i < arr.length; i++) {
   
  if (arr[i] === 5) {
   
      arr.splice(i, 1);
        }
        }
        console.log(arr); // [1, 2, 3, 4, 6, 7, 8, 9, 0]
// 使用 `indexOf` 方法移除
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
const index = array.indexOf(5);
if (index > -1) {
   
  array.splice(index, 1);
  }
  console.log<

标签:index,arr,数组,JavaScript,索引,splice,移除,array
From: https://blog.csdn.net/jkol12/article/details/139239429

相关文章

  • 代码雨(coderain)源码(html5+css3+javascript,原创)
     大家看过黑客帝国的代码雨吗?本人自己写了一个,效果还可以。演示效果请见https://www.lanbaoshi.site/coderain.htm下面上代码:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="htt......
  • JavaScript 控制网页行为
    UI框架Ant-Design:阿里巴巴出品,基于React的UI框架ElementUI、iview、ice:饿了么出品,基于Vue的UI框架Bootstrap:Twitter推出的一个用于前端的开源工具包AmazeUI:又叫“妹子UI”,一款HTML5跨屏前端框架1.基本使用1.1.引入JavaScript内部标签使用<script>//........
  • 区间统计 聚合函数组合器
     聚合函数组合器|ClickHouseDocshttps://clickhouse.com/docs/zh/sql-reference/aggregate-functions/combinators示例考虑一下 people 表具有以下数据的表结构:┌─name───┬─age─┬─wage─┐│John│16│10││Alice│30│15││Mary......
  • yii2好用的数组封装函数
    之前用yii2的时候框架封装的几个数组函数很好用,中间换了框架,把函数封装成了util<?phpnamespaceapp\utils;interfaceArrayable{/***Returnsthelistoffieldsthatshouldbereturnedbydefaultby[[toArray()]]whennospecificfieldsarespecified.......
  • 数组的应用
    一、概念   一组相同类型元素的集合(可以存放一个或多个元素),即存放一组数据。其中,相同类型是指数组中每个元素的类型相同。二、一维数组的创建和初始化 2.1数组创建  基本语法  typearr_name[常量值]#include<stdio.h>intmain(){intdata[10];......
  • JavaScript 中 toString 的奇妙使用
    JavaScript中的toString()方法,我们通常会一些其他类型的变量,转为字符串类型。但这里还有一些其他奇妙的用法。不同的类型调用toString()会得到不同的结果。我们来一一分析下。1.函数类型我们开发者自定义的函数,和JavaScript官方内置的函数,在调用toString时,输出是不一样......
  • PHP 多维数组排序
    PHP封装多维数组排序函数1functionallKeySort(&$array){2if(!is_array($array)){3return;4}5$keys=array_keys($array);6sort($keys);7$sortedArray=array();8foreach($keysas$key){9$sortedArray[$......
  • java 数组的常见操作
    在Java中,数组是一种特殊的对象,用于存储相同类型的多个元素。以下是一些常见的数组操作:声明数组:使用以下语法声明一个数组,其中type是数组元素的数据类型,name是数组的名称。type[]name;例如,声明一个整数数组:int[]numbers;创建数组:使用关键字new和数组的长度来......
  • linux shell中移除文件的后缀、前缀
     001、[root@PC1test2]#a="a.csv.map.txt"[root@PC1test2]#echo$aa.csv.map.txt[root@PC1test2]#echo${a%.*}a.csv.map[root@PC1test2]#echo${a%%.*}a 。 002、[root@PC1test2]#ls[root@PC1test2]#a="a.csv.map.txt"[root@......
  • React useState数组新增和删除项
    在React中,我们可以使用useState钩子来管理组件的状态,其中包括数组。如何在React函数组件中对数组进行增加和删除项的操作?新增项时:我们可以对原数组进行解构,并把新增项一起加入到新数组;删除项时:我们使用Array.filter()进行筛选删除指定项,以下是一个简单的例子。//Ap......