广告位联系
返回顶部
分享到

JS删除数组里的某个元素方法介绍

JavaScript 来源:互联网 作者:佚名 发布时间:2023-05-25 21:46:33 人浏览
摘要

删除数组指定的某个元素 一个包解决你所有的JS问题,点击获取 js删除数组中某一项或几项的几种方法https://www.jb51.net/article/154737.htm 首先可以给JS的数组对象定义一个函数,用于查找指定

删除数组指定的某个元素

一个包解决你所有的JS问题,点击获取

js删除数组中某一项或几项的几种方法 https://www.jb51.net/article/154737.htm

首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:

1

2

3

4

5

6

Array.prototype.indexOf = function(val) {

for (var i = 0; i < this.length; i++) {

if (this[i] == val) return i;

}

return -1;

};

然后使用通过得到这个元素的索引,使用js数组自己固有的函数去删除这个元素:

代码为:

1

2

3

4

5

6

Array.prototype.remove = function(val) {

var index = this.indexOf(val);

if (index > -1) {

this.splice(index, 1);

}

};

这样就构造了这样一个函数,比如我有有一个数组:

1

var emp = ['abs','dsf','sdf','fd']

假如我们要删除其中的 'fd' ,就可以使用:

1

emp.remove('fd');

删除的数组的某一项

splice(index,len,[item]) 注释:该方法会改变原始数组。

splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值

index:数组开始下标 len: 替换/删除的长度 item:替换的值,删除操作的话 item为空

如:arr = ['a','b','c','d']

删除

1

2

3

4

5

6

7

8

9

10

//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)

var arr = ['a','b','c','d'];

arr.splice(1,1);

console.log(arr);

//['a','c','d'];

//删除起始下标为1,长度为2的一个值(len设置2)

var arr2 = ['a','b','c','d']

arr2.splice(1,2);

console.log(arr2);

//['a','d']

替换

1

2

3

4

5

6

7

8

9

//替换起始下标为1,长度为1的一个值为‘ttt',len设置的1

var arr = ['a','b','c','d'];

arr.splice(1,1,'ttt');

console.log(arr);

//['a','ttt','c','d']

var arr2 = ['a','b','c','d'];

arr2.splice(1,2,'ttt');

console.log(arr2);

//['a','ttt','d'] 替换起始下标为1,长度为2的两个值为‘ttt',len设置的1

添加 ---- len设置为0,item为添加的值

1

2

3

4

var arr = ['a','b','c','d'];

arr.splice(1,0,'ttt');

console.log(arr);

//['a','ttt','b','c','d'] 表示在下标为1处添加一项'ttt'

delete方法删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变

1

2

3

4

var arr = ['a','b','c','d'];

delete arr[1];

arr;

//["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 :
相关文章
  • 解决Element ui导航栏选中背景色刷新消失的问题
    Element ui导航栏选中背景色刷新消失 1 2 3 4 5 6 7 8 9 el-menu :is-collapse=isCollapse text-color=#fff active-text-color=#fff :default-active=activerouter :router=true /el
  • JS删除数组里的某个元素方法介绍
    删除数组指定的某个元素 一个包解决你所有的JS问题,点击获取 js删除数组中某一项或几项的几种方法https://www.jb51.net/article/154737.htm 首先可以
  • JS滚动到顶部踩坑解决记录
    一般在比较长的页面中会有一个滚动到顶部的按钮,用户点击一下 300ms 内,会滚动到顶部,有动画效果。 一开始我想,这不是很简单,一行
  • React-Router(V6)的权限控制实现
    在一个后台管理系统中,安全是很重要的。不光后端需要做权限校验,前端也需要做权限控制。 我们可以大致将权限分为3种:接口权限、页
  • Vue3之getCurrentInstance与ts结合使用的方式
    getCurrentInstance与ts结合使用 vue3项目中,如果不用ts这样使用是没问题的 1 const { proxy } = getCurrentInstance() 在ts中使用会报错:报错:...类型Co
  • Vue3进阶主题Composition API使用介绍
    Composition API 是 Vue3 中引入的一种新的 API 风格,旨在提高代码的可读性、可维护性和可重用性。Composition API 不同于 Vue2 中的 Options API,它采
  • ChatGPT Notion AI 从注册到体验及免费使用过程

    ChatGPT Notion AI 从注册到体验及免费使用过程
    Notion AI 是一款基于人工智能的文本编辑工具,具备生成内容、修改内容的功能,可用于文稿写作、会议日程、新闻稿、销售文案等内容的辅
  • ChatGPT如何写好Prompt编程
    现在已经产生了一种新职业:Prompt Engineer(提示指令工程师),可见 Prompt 是多么重要,且编写不易。 ChatGPT的产出,一半决定于它的实力,
  • ChatGPT前端编程秀之别拿编程语言不当语言

    ChatGPT前端编程秀之别拿编程语言不当语言
    写完小工具,这一篇回来我们接着写我们的程序。再看一眼我们的程序运行视图: 带着TDD思路,我进入了 ejs_and_yaml_dsl_loader 这个模块,这块
  • Angular独立组件入门指南
    如果你正在学习Angular,那么你可能已经听说过独立组件(Component)。顾名思义,独立组件就是可以独立使用和管理的组件,它们能够被包含
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计