JavaScript Array(数组)对象中指定元素的删除

JavaScript Array(数组)对象中指定元素的删除js在前台界面中举足轻重,在使用js删除数组时遇到一些问题(详见删除元素),参考很多大神的资料,现把常用的函数总结出来,以备不时之需。遇到的问题是,在table中有N行元素,并且存在父子关系,父行的id=“id_1”,子行的id=“id_1_1“,子行的子行id=”id_1_2”,依次类推,当我点击父行时会把所有的子行删除,当点击子行会把子行的子行删除,这样我就需要获取子行的id的最后一

大家好,又见面了,我是你们的朋友全栈君。

js在前台界面中举足轻重,在使用js删除数组时遇到一些问题(详见删除元素),参考很多大神的资料,现把常用的函数总结出来,以备不时之需。

遇到的问题是,在table中有N行元素,并且存在父子关系,
父行的id=“id_1”,
子行的id=“id_1_1“,
子行的子行id=”id_1_2”,依次类推,当我点击父行时会把所有的子行删除,当点击子行会把子行的子行删除,这样我就需要获取子行的id的最后一个数字,再使用$(“id^=”id_1_”’+n+’”).remove();删除子行。。。具体的细节有待完善,在操作的过程中使用到以下若干数组操作函数。

//1、创建数组
    var array = new Array();
    var array = new Array(size);//指定数组的长度
    var array = new Array(item1,item2...itemN);//创建数组并赋值
//2、取值&赋值
    //注:index为数组下标,默认从0开始
    var item = array[index];//获取下标为index的数组值
    array[index] = value;//赋值给下标为index的元素
//3、添加新元素
    array.push(item1,item2……itemN);//将一个或多个元素赋给数组
    array.unshift(item1,item2……itemN);//将一个或多个元素加入到数组的开始位置,原有元素位置自动后移,返回 新数组的长度
    array.splice(start,delCount,item1,item2……itemN);//从start的位置开始向后删除delCount个元素,然后从start的位置开始插入一个或多个新元素
//4、删除元素
    array.pop();//删除最后一个元素,并返回该元素
    array.shift();//删除第一个元素,数组元素位置自动前移,返回被删除的元素
    array.splice(start,delCount);//从start的位置开始向后删除delCount个元素
//5、数组的合并&截取 
    array.concat(array1,array2);//array1和array2合并成一个数组
    array.slice(start,end);//截取数组,从start开始包含start到end结束不包含end的元素
//6、数组的排序
    array.reverse();//用于颠倒数组中元素的顺序
    array.sort();//数组排序
//7、数组转字符串
    array.join(separator);//将数组元素用separator连接起来
    array.join(".");//元素将用.连接

var id = “id_1_1”;
var num = id.split(“_”);
//num=[“id”,”1”,”1”];我想要删除最后一个元素
num.pop();
//num=[“id”,”1”];
删除最后一个元素后我就可以按照自己的要求在最后拼接自己需要的元素了,问题解决!

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

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/159242.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Enterprise Library 2.0 — Logging Application Block (上)「建议收藏」

    Enterprise Library 2.0 — Logging Application Block (上)「建议收藏」Enterprise Library 2.0 — Logging Application Block (上)

    2022年4月21日
    37
  • 浅复制,深复制详解下载_复制时如何跳过一部分内容

    浅复制,深复制详解下载_复制时如何跳过一部分内容文章目录浅复制和深复制String类实现浅复制和深复制有关浅复制与深复制的定义为:对类进行复制的时候按位复制,即把一个对象各数据成员的值原样复制到目标对象中。当类中涉及到指针类型数据成员的时候,往往就会产生指针悬挂问题。看以下结构:class A{ public: int* a;};A a1;A b1=a1;b1=a1执行的是浅复制,此时a1.a和b1….

    2022年8月18日
    6
  • Win10这样设置,电脑瞬间提速5倍,多用几年无压力

    Win10这样设置,电脑瞬间提速5倍,多用几年无压力相信大家都有这样的经历,新买的电脑用了大半年,就开始有点卡顿不丝滑了。其实卡顿的原因除了硬件,以及不常清理垃圾,导致垃圾堆积外,电脑系统上的一些应用的无用服务,也是会影响系统的运行流畅度的。一般系统里的大多数服务是默认开启的,很多是用不上的,今天小编就教大家怎么关闭这些服务。一、Cortana功能Cortana是win10系统的语音小助手,其实大部分的语音助手在平时用处都有不大的,建议关闭。关闭方法:1.在键盘上按下【win+R】组合键,调出运行窗口,输入【gpedit.msc】

    2022年6月9日
    40
  • Pytorch-BN层详细解读

    Pytorch-BN层详细解读Pytorch-BN层BN解决了InternalCovariateShift问题机器学习领域有个很重要的假设:独立同分布假设,即假设训练数据和测试数据是满足相同分布的。我们知道:神经网络的训练实际上就是在拟合训练数据的分布。如果不满足独立同分布假设,那么训练得到的模型的泛化能力肯定不好。再来思考一个问题:为什么传统的神经网络要求将数据归一化(训练阶段将训练数据归一化并记录均值和方差,测试…

    2022年10月14日
    2
  • 集合类型python_python基础知识

    集合类型python_python基础知识集合集合的特点:是一种可迭代的、无序的、不能包含重复元素的数据结构去重b=[10,5,6,1,9,1]c=set(b)print(c)>>>{1,5

    2022年7月30日
    5
  • k3 梅林固件设置_OpenWrt中,旁路由的设置与使用

    k3 梅林固件设置_OpenWrt中,旁路由的设置与使用旁路由,这神奇的名称,听着是不是有点不知所云?本文的目的,是让您知晓旁路由的概念,并掌握最基础的旁路由设置方法。一、什么是旁路由?旁路由又叫独臂路由,这一概念由杨过大侠首创(手动狗头)。旁路由一般是由CPU性能比较强的路由器来担当。旁路由的主要责任是帮助网络中的其他设备获取国外网站的数据。二、旁路由的接线方式及工作原理最基础最常规的旁路由接线方式是这样的基础的旁路由接线方式是不是有点挑战常识?主路…

    2022年5月8日
    984

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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