js 数组移除指定元素【函数封装】（含对象数组移除指定元素）

普通数组移除指定元素

// 普通数组移除指定元素
function removeItem(arr, item) {let targetIndex = arr.findIndex((itemTemp) => itemTemp === item);if (targetIndex !== -1) {arr.splice(targetIndex, 1);}
}

测试

let list = [3, 5, 2, 1, 6];// 删除数组中的 2
removeItem(list, 2);// list变为  [3, 5, 1, 6]
console.log(list);

对象数组移除指定元素

// 对象数组移除指定对象
function removeObjItem(arr, prop, value) {let targetIndex = arr.findIndex((itemTemp) => itemTemp[prop] === value);if (targetIndex !== -1) {arr.splice(targetIndex, 1);}
}

测试

let objList = [{age: 10,},{age: 20,},{age: 30,},
];removeObjItem(objList, "age", 20);// 得到 [ { age: 10 }, { age: 30 } ]
console.log(objList);

移除数组的第一个元素

arr 为数组的变量名称

arr.shift()  // 返回被删除的元素

移除数组的最后一个元素

arr 为数组的变量名称

arr.pop()  // 返回被删除的元素

移除数组指定下标的元素

arr 为数组的变量名称

arr.splice(index,1)

删除数组指定下标的元素

数组长度不变，只是目标下标对应的元素变为 undefined

delete arr[index]

arr 为数组的变量名称
index 为目标下标

js 数组移除指定元素【函数封装】（含对象数组移除指定元素）相关推荐

【Java3】封装，对象数组，构造器，this/super/继承，抽象
文章目录 1.封装:数据抽象 2.对象数组:先new 3.构造器:不写也有无参构造 3.1 数组工具类:return 3.2 冒泡排序应用:sort,temp 4.this/super/继承:多重,匿 ...
c语言字符二维数组传参,C语言函数传递二维数组
C语言如果给函数传递二维数组作为参数问题的产生先看一个传递二维数组的例子: #include void foo(int a[][], int m, int n) { int i = 1; int ...
[C语言]指针之数组逆序函数：编写函数invert，将数组中的n个整数按相反顺序存放，要求用指针变量作为函数形参，并用指针的方法遍历该数组。在main函数中输入n个整数，存入数组a中；然后调用上述函
编写函数invert,将数组中的n个整数按相反顺序存放,要求用指针变量作为函数形参,并用指针的方法遍历该数组. 在main函数中输入n个整数,存入数组a中:然后调用上述函数处理数组a,最后逐个输出数组 ...
函数的不同的调用方式函数也是对象数组的函数调用 apply和call方法的使用
函数的不同的调用方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
C++远征之封装篇——对象数组，对象成员
一.对象数组 (1)如下,delet [ ]p时,会调用三次析构函数 (2)细节实例化对象数组时,每一个对象的构造函数都会被执行. 销毁对象数组时,每一个对象的析构函数都会被执行. 二.对象成员 1 ...
jquery 取对象数组下标_JQuery使用index方法获取Jquery对象数组下标的方法
本文实例讲述了JQuery使用index方法获取Jquery对象数组下标的方法.分享给大家供大家参考.具体实现方法如下: /p> "http://www.w3.org/TR/xhtml ...
php 返回数组元素函数_php array_values 返回数组的所有值详解及实例
php array_values php array_values 函数用于返回数组中所有的值,注意该函数将为新数组建立数组索引,原来的文字索引将不存在.本文章向大家讲解array_values函数的 ...
Vue中JS遍历后台JAVA返回的Map数据,构造对象数组数据格式
场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...
类的封装与对象数组-随机点名器
打印如下的菜单并调用随机点名器的相应方法完成菜单功能. 要求: 定义一个学生类,包含私有的姓名.学号两个成员变量: 定义一个随机点名器类,具有打印学生名单.随机点名等功能: public void p ...

js 数组移除指定元素【函数封装】（含对象数组移除指定元素）

普通数组移除指定元素

对象数组移除指定元素

移除数组的第一个元素

移除数组的最后一个元素

移除数组指定下标的元素

删除数组指定下标的元素

js 数组移除指定元素【函数封装】（含对象数组移除指定元素）相关推荐

最新文章

热门文章