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


相关推荐

  • 静态网站(博客)生成器(Static-Site-Generators)

    静态网站(博客)生成器(Static-Site-Generators)一.介绍静态网站生成器到底有多少呢?GitHub用户对静态博客生成程序进行了大规模总结,太多了啊,太恐怖,萌新被吓傻了……GitHub地址:https://github.com/pinceladasdaweb/Static-Site-Generators我选了jekyll博客,因为两大代码仓库GitHub(国外)和Coding(国内)都提供免费空间自动构建Jekyll网站!我的…

    2022年7月11日
    43
  • 回溯法-经典 01背包问题

    回溯法-经典 01背包问题经典问题 给定 N 中物品和一个背包 物品 i 的重量是 Wi 其价值位 Vi 背包的容量为 C 问应该如何选择装入背包的物品 使得转入背包的物品的总价值为最大 分析 1 如上图碰到一组数据 有两种可能 选或者不选 在树种分别由 1 0 表示 2 使用递归 在遍历完 n 个数的时候 判断最终的数是否比最佳价值大 如果比最佳价值大 就把值赋给 bestv 代码 includestdio hintc 30

    2026年3月26日
    2
  • 2.什么是线程间的通信 ?怎么实现线程通信

    2.什么是线程间的通信 ?怎么实现线程通信2.1什么是线程通信以及实现步骤线程间通信的模型有两种:共享内存和消息传递线程通信其实就是,实现线程的交替工作,并传递信息线程间的通信具体步骤:(涉及上中下部)创建资源类,在资源类中船舰属性和操作方法 在资源类操作方法:判断、操作、通知 创建多个线程,调用资源类的操作方法 防止虚拟唤醒问题(if判读,只会判断一次)2.2synchronized案例操作线程的时候,等待线程使用wait()通知另外的线程操作用notify()、notifyAll()假设…

    2022年7月16日
    21
  • 无聊日常——对QQ邮箱盗号邮件的垃圾账号填充

    无聊日常——对QQ邮箱盗号邮件的垃圾账号填充本篇关键字:QQ盗号,域名分析,目录扫描,垃圾信息倾倒最近收到一封诡异的邮件,如下图:好奇的我扫码进去看到了qqmail的登录界面,直觉告诉我这是个假粉丝!(重庆腔)咳…是假的网站,进一步发现它的地址为:http://dhdjfekljjf.jcikiybk.lsdhdjeicgj.com.cn/mail1/嗯…下面就开始搞事了。(咦?自动变绿?)首先1、猜它的所有目录首先解析域…

    2022年7月26日
    13
  • 30倍妖股,押中沐曦、Kimi、智元

    30倍妖股,押中沐曦、Kimi、智元

    2026年3月14日
    2
  • Android布局优化 UI框架Litho

    Android布局优化 UI框架LithoLitho 是什么 Litho 是一个用于在 Android 上构建高效用户界面 UI 的声明性框架 但不同以往的 UI 框架 它的底层是 Yoga 它通过将不需要交互的 UI 转换为 Drawable 来渲染视图 通过 Yoga 来完成组件布局的异步或同步 可根据场景定制 测量和计算 实现了布局的扁平化 加速了 UI 渲染速度在 Litho 中 使用组件 Component 来构建 UI 而不是直接与传统的 Android 视图进行交互 组件本质上是一个函数 它接受不可变的输入 称为属性 prop

    2026年3月19日
    2

发表回复

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

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