js删除数组中指定对象

  • 需求说明
  • 从数组中移除指定对象函数封装 `removeArray`
  • 从数组中获取指定对象索引函数封装 `getArrayIndex `
  • 在`Vue`中调用函数使用

需求说明

点击删除按钮删除指定行数据,即删除数组中指定对象。

_arr表示一个Array数组,里面包括了很多的对象如下图:

从数组中移除指定对象函数封装 removeArray


/** * 从数组中删除指定对象*  _arr:数组*  _obj:需删除的对象* */
export function removeArray(_arr, _obj) {let length = _arr.lengthfor (let i = 0; i < length; i++) {if (_arr[i] === _obj) {if (i === 0) {_arr.shift() //删除并返回数组的第一个元素return _arr} else if (i === length - 1) {_arr.pop()  //删除并返回数组的最后一个元素return _arr} else {_arr.splice(i, 1) //删除下标为i的元素return _arr}}}
}

从数组中获取指定对象索引函数封装 getArrayIndex

/** 从数组中获取指定对象索引 */
function getArrayIndex (_arr,_obj) {let len = _arr.length;for(let i = 0; i < len; i++){if(_arr[i] == _obj){return parseInt(i);}}return -1;};

Vue中调用函数使用

  /** 删除  */handleDelete(row) {const id = row.idthis.tableData = removeArray(this.tableData,row)console.log(this.tableData)},

js删除数组中指定对象相关推荐

  1. JS删除数组中指定元素/删除数组中指定对象

    删除数组中指定对象指定元素 let arr = [{name: "xiaowang",id: 1 },, {name: "xiaozhang",id: 2 }, ...

  2. js删除数组中指定元素

    js删除数组中某一项或几项的几种方法 一.删除第一个元素 1.shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值. 注意: 此方法改变数组的长度! 提示: 移除数组末尾的元素可 ...

  3. vue js删除数组中指定索引的元素

    在前端开发中,我们经常需要对数组进行操作,增删改是经常的事情,那我们js中该如何删除指定的下标元素呢???? 我们用splice来操作 1.定义和用法 splice() 方法用于添加或删除数组中的元素 ...

  4. js删除数组中指定元素_js中数组操作详解

    今天给大家带来一篇有关数组操作方法的文章. 新建数组 方法一:通过new运算符创建一个数组构造函数. var arr = new Array(); 方法二:通过方括号直接创建直接量数组. var ar ...

  5. js删除数组中指定的某个元素

    1.该方法可以去除数组中所有为3的元素,并返回一个新的数组 let numbers = [1, 2, 3, 3, 3, 4, 5]; let newNumbers = numbers.filter(f ...

  6. js 删除数组中指定元素

    一.不直接修改数组 方法一: function removeElement(arr, item) {var result=[];for(var i=0; i<arr.length; i++){i ...

  7. js删除数组中的指定对象

    js删除数组中的指定对象 正常删除有时存在无法完全删除指定的所有对象,原因就在于如果从头开始循环,遇到连续两个需要删除的元素时,删掉第一个,下一个元素就自动顶上来代替已删除的元素位置,然后程序再一次循 ...

  8. html数组删除指定元素,js怎么删除数组中指定元素?

    js中删除数组中指定元素的方法:首先通过循环遍历该数组得到指定元素的索引值,然后根据索引值使用splice()方法即可删除元素,语法"array.splice(索引值,1)". J ...

  9. 微信小程序 删除数组中指定的对象

    一.封装删除函数 util.js /*** 删除数组中的某一个对象* @param arr {Array} 数组* @param obj {Object} 需要删除的对象* @returns {Arr ...

最新文章

  1. 微服务测试之静态代码扫描
  2. linux网络配置及IP绑定
  3. html使两个按钮重叠,div按钮重叠HTML
  4. java将html实体字符转换成正常字符
  5. Nginx配置成系统服务
  6. servlet会话技术
  7. XCoreRedux框架:Android UI组件化与Redux实践
  8. python之集合与字典
  9. ajax出错并返回整个页面html的问题,【提问】ajax请求返回整个html页面
  10. GoDaddy域名续费省钱妙招及取消隐私保护的方法
  11. Linux-Discuz安装LAMP
  12. Atitit 面向对象编程(OOP)、面向组件编程(COP)、面向方面编程(AOP)和面向服务编程(SOP)的区别和联系
  13. 书屋(二):《我的成功可以复制》不妨一读
  14. AMOS分析技术:软件安装及菜单功能介绍;这次是视频教程
  15. 唯品会 Dragonfly 日志系统的 Elasticsearch 实践
  16. 河南星年华计算机科技有限公司怎么样,莫让年华逝流水
  17. 11大Java开源中文分词器的使用方法和分词效果对比,当前几个主要的Lucene中文分词器的比较...
  18. css中滑轮中是如何做的,横向的网页如何实现鼠标滑轮横向移动?_html/css_WEB-ITnose...
  19. 企业级带库走向大型化、智能化
  20. 网站用户行为数据收集和分析方法

热门文章

  1. 网络上怎么赚钱?这3个赚钱方式目前最稳妥!
  2. 原来酷炫的大屏,用Excel就能做
  3. 语义分割论文-DeepLab系列
  4. hadoop集群搭建完整教程,java电商项目面试技巧
  5. python 请在微信客户端打开_完美解决 请在微信客户端打开链接
  6. 首批预计才60万套。 四轮猴
  7. JavaScript的全局作用域、全局对象window
  8. 在网页中显示PPT、Word、Excel
  9. Python-str2int
  10. 英国内政部(Home Office)间谍机构(spy powers)假装它是Ofcom咨询中的一名私人公民1525446049260...