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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • matlab仿真的图片怎么保存_matlab如何导出

    matlab仿真的图片怎么保存_matlab如何导出一种是出来图形窗口后手动保存(这儿又可以分两种):1直接从菜单保存,有fig,eps,jpeg,gif,png,bmp等格式。2edit——〉copyfigure,再粘贴到其他程序。另一种是用命令直接保存(这里也有两种):1用saveas命令保存图片。saveas的三个参数:(1)图形句柄,如果图形窗口标题栏是“Figure3”,则句柄就是3.(2)文件名。(3)单引号字符串,指…

    2025年11月6日
    1
  • 软件著作权登记申请_著作权包括哪些

    软件著作权登记申请_著作权包括哪些写在前面:为什么我要自己搞软件著作权?因为有需要,所以要搞x宝上找一找,30天可以搞定,只要收费400。何苦自己弄呢?一个字:穷+图个心安精华如下:单人申请材料申请表(单面打印,第3页签名,第4页手写材料页数)源码文档(单面打印)软件设计文档或者使用说明文档(单面打印)个人身份证复印件(正反面都要复印)文章目录Step1:官网注册Step2:填写申请表Step3:准备说明书Step4:准备源程序Step5:检查常见错误Step6:各种情况所需材料清单列表(

    2022年9月22日
    6
  • 如何安装Java?

    如何安装Java?在本文中,我们将研究如何安装Java,在Windows操作系统中安装Java,如何检查已安装的版本以及设置环境变量。因此,让我们开始吧。如何安装Java?Java支持许多平台,例如Windows,Linux,Solaris等。这些平台具有自己的安装方法。在本教程中,我们将介绍32位和64位OS的安装过程Windows操作系统。Windows操作系统中的Java安装在Windows操作系统中,32位和64位Windows操作系统都具有类似的Java安装方式。主要区别在于它们的安装软件包。如何检查主机

    2022年7月9日
    22
  • ESCMScript(2)Module语法[通俗易懂]

    ESCMScript(2)Module语法[通俗易懂]严格模式ES6的模块自动采用严格模式,不管你有没有在模块头部加上"usestrict";。严格模式的限制如下变量必须声明后再使用函数的参数不能有同名属性,否则报错不能

    2022年7月29日
    8
  • springboot+dynamicDataSource动态添加切换数据源

    springboot+dynamicDataSource动态添加切换数据源

    2020年11月9日
    310
  • A星算法说明「建议收藏」

    A星算法说明「建议收藏」A*算法说明文章目录前言原理说明如何构造h(n)h(n)h(n)一、欧氏距离二、曼哈顿距离三、其他关于g(n)g(n)g(n)路况设置如何实现完整的流程核心代码a_star.ha_star.cppmap_matrix.hmap_matrix.cpp代码使用示例GUI程序下载链接GUI程序使用说明前言  因为最近要写一个毕业设计,有用到自动寻路的功能,因为我要在一个机器里跑算法然后控制机器人自动按照路线到达目的地,所以用Python等解释型语言或Unity等游戏引擎写这个算法都不太合适,我使用的机器要尽

    2022年10月6日
    4

发表回复

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

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