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)
上一篇 2022年7月14日 上午8:00
下一篇 2022年7月14日 上午8:00


相关推荐

  • [面试] Golang 面试题

    [面试] Golang 面试题本文章收录于:后端工程师面试题目总结(提供参考答案)目录1.make与new的区别2.简要描述go中的main和init函数的区别3.下面的代码输出什么,若会报错报什么错?4.这段代码会输出什么?5、简述channel和mutex锁机制的原理异同与使用场景6、sync.WaitGroup的使用场景?7、写一段闭包代码,阐述其作用8、执行这段代码会发生什…

    2022年6月29日
    30
  • Python实战异步爬虫(协程)+分布式爬虫(多进程)

    Python实战异步爬虫(协程)+分布式爬虫(多进程)引言 我们在写爬虫时常会遇到这样的问题 当需要爬取多个 URL 时 写一个普通的基于 requests 库的爬虫程序爬取时间会很长 因为是顺序请求网页的 而网页请求和获得响应过程比较耗费时间 程序不得不等待获得当前网页响应后才能进行下一个 URL 的爬取 使得总耗时较多 对于这样的多任务 可以使用基于多进程 multiprocess 和基于 Asyncio 库的异步 协程 爬虫增强并发性 加速爬虫 T

    2026年3月19日
    2
  • python re.compile() 详解——Python正则表达式「建议收藏」

    python re.compile() 详解——Python正则表达式「建议收藏」1概述当我们在Python中使用正则表达式时,re模块内部会干两件事情:编译正则表达式,如果正则表达式的字符串本身不合法,会报错;用编译后的正则表达式去匹配字符串。那么如果一个正则表达式要重复使用几千次,出于效率的考虑,我们是不是应该先把这个正则先预编译好,接下来重复使用时就不再需要编译这个步骤了,直接匹配,提高我们的效率2compile()预编译十分的简单,re.co…

    2026年4月16日
    4
  • BigDecimal.setScale用法总结(固定精度)

    BigDecimal.setScale用法总结(固定精度)BigDecimal.setScale(intnewScale,introundingMode)newScale:保留newScale位小数roundingMode:舍去规则(0<=roundingMode<=7)一、BigDecimal.ROUND_DOWNBigDecimalnum=newBigDecimal(“3.16159”);//…

    2022年10月20日
    3
  • Kimi第一次有自己的电脑了,一手实测来了

    Kimi第一次有自己的电脑了,一手实测来了

    2026年3月12日
    2
  • linux如何查看so库已加载_cmake生成静态库

    linux如何查看so库已加载_cmake生成静态库Linux程序运行找不到动态库.so文件的三种解决办法方法一:添加环境变量方法1.添加当前用户当前终端的环境变量-临时exportLD_LIBRARY_PATH=/home/czd/…#.sofilepath方法2.添加当前用户的环境变量修改~/.bashrc文件,在其末尾,添加环境变量vim~/.bashrcexportLD_LIBRARY_PATH=$LD…

    2026年1月21日
    3

发表回复

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

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