广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JS实现数组/对象数组删除其中某一项
  • 191
分享到

JS实现数组/对象数组删除其中某一项

2024-04-02 19:04:59 191人浏览 安东尼
摘要

目录数组/对象数组删除其中某一项移除对象数组中指定元素数组/对象数组删除其中某一项 由于日常工作中经常需要对数组进行操作,最经常使用到的就是对数组进行的删除操作 对于我们前端来说,数

数组/对象数组删除其中某一项

由于日常工作中经常需要对数组进行操作,最经常使用到的就是对数组进行的删除操作

对于我们前端来说,数组有两种区别

  • 1、var arr = [ 'aaa' , 'bbb' , 'ccc' , ' DDD' , 'eee' ]  这种暂且称之为纯数组
  • 2、var JSONArr =  [ { name: 'cz' , age: '25'} , { name: 'mp' , age: '18'} , { name:'lyy' , age: '18' } ] 这种暂且称之为对象数组

首先,我们要删除数组中的某一项,我们一定要知道下边三种条件中的其中一种,才能达到精确删除的目的

1、知道要删除项在数组中的下标

2、知道要删除项的值

3、如果要删除项是一个对象,而且我们知道这个对象中的唯一属性值

//1、知道要删除项的下标值
//index为删除项的下标值  arr为源数组
var arrRemoveIndex = function(index,arr) {
    if (!arr || arr.length == 0) {
        return ""
    }
    arr.splice(index,1)
    return arr
}
 
//2、知道要删除项的值
//it 为要删除项的值  arr为源数组
var arrRemove = function (it, arr) {
    if (!arr || arr.length == 0) {
        return ""
    }
    let flag = arr.indexOf(it)
    if (flag > -1) {
        arr.splice(flag, 1)
        return arr
    } else {
        console.log("未查找到该元素")
    }
}
 
//3、如果要删除项为对象,我们需要知道该对象属性中的唯一值(不会重复的值)
//arr是源数组,attr是目标数组中的属性名称,value是要删除的属性名称对应的值
var arrRemovejson = function (arr, attr, value) {
  if (!arr || arr.length == 0) {
    return ""
  }
  let newArr = arr.filter(function (item, index) {
    return item[attr] != value
  })
  return newArr
}
 
let arr = ['aaa','bbb','ccc','ddd']
let arrJson = [{ id: 1 , name: 'cz'},{ id: 2 , name: 'mp'},{ id: 3 , name: 'xp'}];
let newArr1 = arrRemoveIndex(1,arr);  // ['aaa','ccc','ddd']
let newArr2 = arrRemove('bbb',arr);   // ['aaa','ccc','ddd']
let newArr3 = arrRemoveJson(arr,'id','2') //[{id:1,name:'cz'},{id:3,name:'xp'}]

以上可以放到工具类,方便反复调用。 

移除对象数组中指定元素

arr.splice(arr.findIndex(i => i.id === id), 1);

这些仅为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。 

--结束END--

本文标题: JS实现数组/对象数组删除其中某一项

本文链接: https://www.lsjlt.com/news/166569.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS实现数组/对象数组删除其中某一项
    目录数组/对象数组删除其中某一项移除对象数组中指定元素数组/对象数组删除其中某一项 由于日常工作中经常需要对数组进行操作,最经常使用到的就是对数组进行的删除操作 对于我们前端来说,数...
    99+
    2022-11-13
  • javascript数组如何删除某一项
    这篇文章给大家分享的是有关javascript数组如何删除某一项的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。JavaScript可以做什么1.可以使网页具有交互性,例如响应用户点击,给用户提供更好的体验。2.可...
    99+
    2023-06-15
  • es6怎么删除数组中的某一项
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。在es6中,想要删除数组中的任意一项(一个元素),可以利用数组的splice()方法或delete关键字。方法1、splice:删除后,后面的元素自动填补...
    99+
    2023-05-14
    ES6 es6数组
  • es6如何删除数组中的某一项
    今天小编给大家分享一下es6如何删除数组中的某一项的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。删除方法:1、用splice...
    99+
    2023-07-05
  • js删除数组中某一元素的方法
    这篇文章主要介绍js删除数组中某一元素的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!js删除数组中某一元素的方法:首先获取指定元素在数组中的位置(即索引index);然后使用splice()函数根据索引值来删除...
    99+
    2023-06-06
  • js如何删除对象/数组中null、undefined、空对象及空数组
    这篇文章给大家分享的是有关js如何删除对象/数组中null、undefined、空对象及空数组的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。代码如下:let obj&n...
    99+
    2022-10-19
  • js如何删除对象/数组中null、undefined、空对象及空数组实例代码
    目录第一:过滤各种空数据的字段,比如,string、null、undefined、[]、{}第二:删除对象中值为空或null或undefined的所有属性(简单方法)第三:ES6-使...
    99+
    2022-11-13
  • js如何根据id删除数组中对象
    目录js根据id删除数组中对象js根据id数组,删除对象数组中的指定项总结js根据id删除数组中对象 使用findIndex找到数据位置后使用splice将其裁切。 arr.spli...
    99+
    2023-05-16
    js删除数组对象 js数组对象 根据id删除数组对象
  • php删除数组中的对象
    在PHP开发中,我们经常会面对需要删除数组中的某个元素或对象的需求。本文将针对删除数组中的对象进行讲解,并提供几种实现方法。首先我们定义一个包含对象的数组:$objects = array( new stdClass(), ...
    99+
    2023-05-22
  • vue 如何删除数组中的某一条数据
    目录删除数组中的某一条数据删除普通数组删除数组对象使用splice()删除数组中的一个数据删除数组中的某一条数据 删除普通数组 let arr = [1,2,3,4,5]; //方...
    99+
    2022-11-13
  • C语言如何实现删除某一个数组值
    这篇文章主要介绍C语言如何实现删除某一个数组值,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1、前言在家里闲着还是闲着,这几天见证了Python各种数据结构的强大。Python中的数据类型如:列表、元组、字典等都具有...
    99+
    2023-06-25
  • C语言实现删除某一个数组值的方法
    目录1、前言2、删除数组中的元素1、前言 在家里闲着还是闲着,这几天见证了Python各种数据结构的强大。Python中的数据类型如:列表、元组、字典等都具有其的特点。列表无需要设定...
    99+
    2022-11-12
  • js如何判断对象数组中是否存在某个对象
    目录js判断对象数组中是否存在某个对象js对象数组根据某一属性查找对象总结js判断对象数组中是否存在某个对象 1. 判断数组中是否存在某个元素 直接用数组的indexOf方法就好,存...
    99+
    2023-05-16
    js判断对象数组 js判断是否存在某对象 js判断某个对象
  • 如何从JavaScript数组中删除空对象
    目录从数组中删除空对象:补充:特殊位置删除总结从数组中删除空对象: 使用 Array.filter() 方法遍历数组。将每个对象传递给 Object.k...
    99+
    2023-05-19
    js删除数组中的空对象 js数组删除空元素 js数组删除空对象
  • JS删除数组中某个元素的方式有哪些
    本篇内容主要讲解“JS删除数组中某个元素的方式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS删除数组中某个元素的方式有哪些”吧!第一种:删除最后一个元素slice 删除 va...
    99+
    2023-07-05
  • JS对象数组中如何匹配某个属性值
    目录对象数组中匹配某个属性值对象数组取出对象属性值完全一样的项对象数组中匹配某个属性值 如果有一个js对象数组,一个变量如下 var a = [     {         'id'...
    99+
    2022-11-13
  • JS操作对象数组实现增删改查实例代码
    1.介绍 最近帮朋友弄一个简单的针对json数组的增删改成页面,正好涉及到了js去操作对象数组实现增删改查功能。我估计很多朋友应该也会遇到这类操作,所以记录一下以便分享。 2.数据...
    99+
    2022-11-12
  • js中数组如何实现插入、删除元素
    小编给大家分享一下js中数组如何实现插入、删除元素,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!实例如下:  &nbs...
    99+
    2022-10-19
  • JS删除数组中某个元素的四种方式总结
    目录第二种:删除第一个元素第三种:删除数组中某个指定元素第四种:删除数组中指定下标的元素总结第一种:删除最后一个元素 slice 删除 var arr = [1,2,3,4,5] v...
    99+
    2023-02-04
    js删除数组的某个元素 js删除数组中的一个元素 Js数组删除元素
  • JS之删除数组中某个元素的几种方式汇总
    目录第一种:删除最后一个元素slice 删除 splice 删除 pop 删除for 删除length 删除第二种:删除第一个元素slice 删除splice 删...
    99+
    2023-03-06
    JS删除数组 JS删除数组元素 删除数组某元素
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作