js数组删除元素的方法_指甲都是小坑缺什么元素

js数组删除元素的方法_指甲都是小坑缺什么元素JavaScript数组元素删除

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

length

JavaScript中Array的length属性非常有特点一一它不是只读的。因此,通过设置这个属性可以从数组的末尾移除项或添加新项,请看下面例子:

var colors = ["red", "blue", "grey"];   //创建一个包含3个字符串的数组
colors.length = 2;
console.log(colors[2]);  //undefined

delete

var arr = [1, 2, 3, 4];
delete arr[0];
console.log(arr);   //[undefined, 2, 3, 4]

可以看出来,delete删除之后数组长度不变,只是被删除元素被置为undefined了。

栈方法

var colors = ["red", "blue", "grey"];
var item = colors.pop();
console.log(item);      //"grey"
console.log(colors.length);    //2

在调用Pop方法时,数组返回最后一项,即”grey”,数组的元素也仅剩两项。

队列方法

var colors = ["red", "blue", "grey"];
var item = colors.shift();
console.log(item);      //"red"
console.log(colors.length);    //2

队列数据结构的访问规则是FIFO(先进先出),队列在列表的末端添加项,从列表的前端移除项,使用shift方法,它能够移除数组中的第一个项并返回该项,并且数组的长度减1。

操作方法

var colors = ["red", "blue", "grey"];
var item = colors.splice(0, 1);
console.log(item);      //"red"
console.log(colors);    //["blue", "grey"]

迭代方法

所谓的迭代方法就是用循环迭代数组元素发现符合要删除的项则删除,用的最多的地方可能是数组中的元素为对象的时候,根据对象的属性例如ID等等来删除数组元素。

forEach

var colors = ["red", "blue", "grey"];
colors.forEach(function(item, index, arr) { 
   
    if(item == "red") { 
   
        arr.splice(index, 1);
    }
});

filter

var colors = ["red", "blue", "grey"];
colors = colors.filter(function(item) { 
   
    return item != "red"
});
console.log(colors);    //["blue", "grey"]

原型方法

Array.prototype.remove = function(dx) { 
   
    if(isNaN(dx) || dx > this.length){ 
   
        return false;
    }
    for(var i = 0,n = 0;i < this.length; i++) { 
   
        if(this[i] != this[dx]) { 
   
            this[n++] = this[i];
        }
    }
    this.length -= 1;
};
var colors = ["red", "blue", "grey"];
colors.remove(1);
console.log(colors);    //["red", "grey"]

在此把删除方法添加给了Array的原型对象,则在此环境中的所有Array对象都可以使用该方法。尽管可以这么做,但是我们不推荐在产品化的程序中来修改原生对象的原型。道理很简单,如果因某个实现中缺少某个方法,就在原生对象的原型中添加这个方法,那么当在另一个支持该方法的实现中运行代码时,就可能导致命名冲突。而且这样做可能会意外的导致重写原生方法。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/187288.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • sm2和sm4加密算法浅析

    sm2和sm4加密算法浅析sm2和sm4加密算法浅析一:SM2简介:SM2是国家密码管理局于2010年12月17日发布的椭圆曲线公钥密码算法,SM2为非对称加密,基于ECC。该算法已公开。由于该算法基于ECC,故其签名速度与秘钥生成速度都快于RSA。ECC256位(SM2采用的就是ECC256位的一种)安全强度比RSA2048位高,但运算速度快于RSA。SM2和RSA算法比较SM2性能更优更安全:密码复杂度高、处理速度快、机器性能消耗更小①:加密算法以及流程:输入:需要发送的消息为比特串M,klen为M的比特

  • oracle语句和mysql语句有什么不同_短语与句子的区别

    oracle语句和mysql语句有什么不同_短语与句子的区别Oracle与MySQL的SQL语句区别1数据库/*&amp;amp;nbsp;mysql可以创建数据库,而oracle没有这个操作,oracle只能创建实例;&amp;amp;nbsp;sql数据库操作:database&amp;amp;nbsp;格式:&amp;amp;nbsp;&amp;amp;nbsp;*createdatabase数

  • bootstrap table editable 文档_手机版pdf编辑器中文版

    bootstrap table editable 文档_手机版pdf编辑器中文版>BootstraptableAPI中文文档(完整翻译文档)*$(‘#table’).bootstrapTable({});*看网上有中文版的,但有些就是字面直接译过来了,而且有的就没有翻译,那就打算自己再翻译一遍,每一条会尽*最大可能结合尽可能多资料翻译,如果发现译的内容比英文多,是添加了更详细的说明,表的名称,属性,类型,

  • 汉字到底占几个字节丨C「建议收藏」

    汉字到底占几个字节丨C「建议收藏」首先需要注意汉字所占字节数,与语言没有关系,是与其使用的字符集的编码方式有关验证方法1.把下面代码保存到一个文本文体中#include#includeintmain(){char*a=”我”;printf(“%d”,strlen(a));return0;}复制代码2.在终端中

  • 如何检测网站有没有被挂黑链_检测平台

    如何检测网站有没有被挂黑链_检测平台 网页挂马及暗链检测&nbsp;什么是网页挂马&nbsp;网页挂马是指恶意攻击者攻击WEB网站后,在网页中嵌入一段代码或脚本,用于自动下载带有特定目的木马程序,而恶意攻击者实施恶意代码或脚本植入的行为通常称为“挂马”。&nbsp;&nbsp;什么是SEO暗链&nbsp;SEO暗链是SEO黑帽手法中相当普遍的一种手段。笼统地说,它就是…

  • 修复Domino数据库视图索引的两种方法

    修复Domino数据库视图索引的两种方法环境 产品:LotusNotes/Domino 平台:跨平台 版本:ALL 问题描述 修复Domino数据库视图索引的两种方法 解答 第一种方法: 1。在控制台上运行命令:loadfixup数据库名 2。在控制台上运行命令:loadupdall

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号