全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

JavaScrip数组删除特定元素的几种方法总结

前言

可能一说到删除数组特定元素你估计不止一种方法可以实现,那么下面且来看看我总结的这几种方法,可能会对你有所帮助!话不多说了,来一起看看详细的介绍吧。

源数组

var arr = ["George", "John", "Thomas", "James", "Adrew", "Martin"];

伪删除

什么是伪删除呢? 就是说将数组元素值设置为null;

arr[ arr.indexOf( 'Thomas' ) ] = null;

删除后的数组是这个样子的:

["George", "John", null, "James", "Adrew", "Martin"]

不过要注意, 这意味着数组Array也就是变量arr的长度保持不变

完全删除

是什么是完全删除呢? 这个问题你可能从字面上也能想得到就是真正的删除数组Array的元素值, 并且会改变数组的长度, 可以通过内置数组对象Array的splice方法来实现这个需求!说到splice这个方法就要说一说它的具体参数了:

Array.prototype.splice = function(start,deleteCount,items) {};

上面是内置对象Array的splice方法原型定义, 中文意思呢是:剪接, 其参数的意义是:

  • start: 起点索引值
  • deleteCount: 要删除的元素个数
  • items: 删除后替换/追加的元素
    参数不加时就表示删除元素, 并且还要结合 deleteCount 的参数值
    如果 deleteCount 为 1, items 参数位置给一个参数值, 则表示替换
    如果 deleteCount 为 1, items 参数位置给多于一个的参数值, 则表示替换及追加元素

通过splice方法删除上面 伪删除 留下的元素值 null

arr.splice( arr.indexOf( null ), 1 );

删除后的数组是这个样子的:

["George", "John", "James", "Adrew", "Martin"]

既然说到了splice方法就顺便再说一下它的其它功能, 如 替换元素, 追加元素 等操作吧!

splice函数 - 替换元素

现在数组结构是这样的:

["George", "John", "James", "Adrew", "Martin"]

想要将数组元素 James 替换为 Tom

arr.splice( arr.indexOf( 'James' ), 1, 'Tom' );

替换后的数组结构是这个样子的:

["George", "John", "Tom", "Adrew", "Martin"]

splice函数 - 替换并追加元素

现在当前数组结构是这样的:

["George", "John", "Tom", "Adrew", "Martin"]

想要将数组元素 Tom 替换为 Judy 并追加 Linda 和 Alisa

arr.splice( arr.indexOf( 'Tom' ), 1, 'Judy', 'Linda', 'Alisa' );

替换及追加后的数组结构是这个样子的:

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

splice函数 - 追加元素

追加元素你可以选择任意位置这取决于你的具体需求, 关键是在于 start 的取值索引位置而已!当前数组结构如下所示:

["George", "John", "Judy", "Linda", "Alisa", "Adrew", "Martin"]

比如说要在 Linda 和 Alisa 之间追加 Bill 和 Blake

arr.splice( arr.indexOf( 'Linda' ) + 1, 0, 'Bill', 'Blake' );

追加后的数组结构是下面这个样子的:

["George", "John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]
  • 起点位置 arr.indexOf( 'Linda' ) + 1 就是在数组元素 Linda 之后了
  • 删除元素个数参数这里设置的是 0 这个是追加元素的关键, 也就是说不删除元素
  • 'Bill', 'Blake' 这个呢就是内置对象Array的splice方法的最后一个参数 items 它表示0个是和多个, 根据 deleteCount 参数值不同表示的含义也会不同, 这里 deleteCount 参数是 0 并且 items 又有两个值来表示这个参数, 所示说就是追加元素值 'Bill', 'Blake'

以上说的是删除数组中特定的元素, 那删除第一个元素和最后一个元素那实现在是太简单了, 这里简单提一下就是了

删除数组中第一个元素

arr.shift();

删除后的数组是这个样子的:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew", "Martin"]

删除数组中最后一个元素

arr.pop();

删除后的数组是这个样子的:

["John", "Judy", "Linda", "Bill", "Blake", "Alisa", "Adrew"]

总结

以上就是JavaScrip数组删除特定元素个人所总结的一些方法,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果您还要其它的一些好的方法, 或有疑问大家可以留言交流,谢谢大家对的支持。


# js数组删除特定元素  # js数组删除元素  # js删除数组指定元素  # Java数组去重复的18种方法示例  # Java数组的去重  # JavaScrip数组去重操作实例小结  # Java实现的数组去重与排序操作详解  # java正则表达式实现提取需要的字符并放入数组【ArrayList数组去重复功能】  # java中删除 数组中的指定元素方法  # Java对int[]数组做新增删除去重操作代码  # 的是  # 第一个  # 是这样  # 组中  # 说到  # 所示  # 如果您  # 也会  # 你可以  # 多个  # 说了  # 也能  # 不多  # 又有  # 这个问题  # 要在  # 你有  # 可以通过  # 要注意  # 看我 


相关文章: 如何高效搭建专业期货交易平台网站?  建站中国官网:模板定制+SEO优化+建站流程一站式指南  建站之星官网登录失败?如何快速解决?  如何通过免费商城建站系统源码自定义网站主题与功能?  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  如何高效利用亚马逊云主机搭建企业网站?  ,sp开头的版面叫什么?  如何在阿里云ECS服务器部署织梦CMS网站?  如何快速选择适合个人网站的云服务器配置?  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?  导航网站建站方案与优化指南:一站式高效搭建技巧解析  为什么Go需要go mod文件_Go go mod文件作用说明  盐城做公司网站,江苏电子版退休证办理流程?  网站代码制作软件有哪些,如何生成自己网站的代码?  建站之星下载版如何获取与安装?  c# 在高并发下使用反射发射(Reflection.Emit)的性能  建站主机选购指南:核心配置与性价比推荐解析  建站主机选择指南:服务器配置与SEO优化实战技巧  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系?  建站之星代理如何优化在线客服效率?  小说建站VPS选用指南:性能对比、配置优化与建站方案解析  建站主机选虚拟主机还是云服务器更好?  代刷网站制作软件,别人代刷火车票靠谱吗?  如何快速搭建虚拟主机网站?新手必看指南  宝塔建站后网页无法访问如何解决?  视频网站app制作软件,有什么好的视频聊天网站或者软件?  安云自助建站系统如何快速提升SEO排名?  如何高效生成建站之星成品网站源码?  企业网站制作公司网页,推荐几家专业的天津网站制作公司?  音响网站制作视频教程,隆霸音响官方网站?  Bpmn 2.0的XML文件怎么画流程图  青浦网站制作公司有哪些,苹果官网发货地是哪里?  电脑免费海报制作网站推荐,招聘海报哪个网站多?  详解免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)  ,购物网站怎么盈利呢?  如何在腾讯云服务器快速搭建个人网站?  网站企业制作流程,用什么语言做企业网站比较好?  如何选择高效稳定的ISP建站解决方案?  SAX解析器是什么,它与DOM在处理大型XML文件时有何不同?  平台云上自主建站:模板化设计与智能工具打造高效网站  怀化网站制作公司,怀化新生儿上户网上办理流程?  娃派WAP自助建站:免费模板+移动优化,快速打造专业网站  头像制作网站在线制作软件,dw网页背景图像怎么设置?  网站制作说明怎么写,简述网页设计的流程并说明原因?  已有域名和空间如何搭建网站?  手机网站制作与建设方案,手机网站如何建设?  建站之星云端配置指南:模板选择与SEO优化一键生成  大学网站设计制作软件有哪些,如何将网站制作成自己app?  如何在建站之星绑定自定义域名?  红河网站制作公司,红河事业单位身份证如何上传? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。