js删除数组中的一个元素_js数组包含某个元素

js删除数组中的一个元素_js数组包含某个元素目录第一种:删除最后一个元素pop删除slice删除splice删除for删除length删除第二种:删除第一个元素shift删除slice删除splice删除第三种:删除数组中某个指定下标的元素splice删除for删除第四种:删除数组中某个指定元素splice删除filter删除forEach、m…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

目录

第一种:删除最后一个元素

pop 删除

slice 删除 

 splice 删除

for 删除

length 删除

第二种: 删除第一个元素

shift 删除

slice 删除

splice 删除

第三种:删除数组中某个指定下标的元素

splice 删除

for 删除

第四种:删除数组中某个指定元素的元素

splice 删除

filter 删除

forEach、map、for 删除

Set 删除


第一种:删除最后一个元素

pop 删除

var arr = [1,2,3,4,5]arr.pop()// arr => [1,2,3,4]

slice 删除 

var arr = [1,2,3,4,5]var new_arr = arr.slice(0, -1)// arr => [1,2,3,4,5]// new_arr => [1,2,3,4]var arr = [1,2,3,4,5]var new_arr = arr.slice(0, arr.length - 1)// arr => [1,2,3,4,5]// new_arr => [1,2,3,4]

 splice 删除

var arr = [1,2,3,4,5]var new_arr = arr.splice(-1)// arr => [1,2,3,4]// new_arr => [5]var arr = [1,2,3,4,5]var new_arr = arr.splice(-1, 1)// arr => [1,2,3,4]// new_arr => [5]var arr = [1,2,3,4,5]var new_arr = arr.splice(arr.length - 1)// arr => [1,2,3,4]// new_arr => [5]var arr = [1,2,3,4,5]var new_arr = arr.splice(arr.length - 1, 1)// arr => [1,2,3,4]// new_arr => [5]

for 删除

var arr = [1,2,3,4,5]var new_arr = []for (let i = 0, len = arr.length; i < len; i++) {    if (i < len - 1) {        new_arr.push(arr[i])    }}// arr => [1,2,3,4,5]// new_arr => [1,2,3,4]

length 删除

var arr = [1,2,3,4,5]arr.length = arr.length - 1// arr => [1,2,3,4]

第二种: 删除第一个元素

shift 删除

var arr = [1,2,3,4,5]arr.shift()// arr => [2,3,4,5]

slice 删除

var arr = [1,2,3,4,5]var new_arr = arr.slice(1)// arr => [1,2,3,4,5]// new_arr => [2,3,4,5]

splice 删除

var arr = [1,2,3,4,5]var new_arr = arr.splice(0, 1)// arr => [2,3,4,5]// new_arr => [1]

第三种:删除数组中某个指定下标的元素

splice 删除

var delete_index = 2var arr = [1,2,3,4,5]// arr => [1,2,3,4,5]var new_arr = arr.splice(delete_index, 1)// new_arr => [3]// arr => [1,2,4,5]

for 删除

var delete_index = 2,    arr = [1,2,3,4,5],    new_arr = []for (let i = 0, len = arr.length; i < len; i++) {    if (i != delete_index) {        new_arr.push(arr[i])    }}// arr => [1,2,3,4,5]// new_arr => [1,2,4,5]

注意:

1. 不可以使用 delete 方式删除数组中某个元素,此操作会造成稀疏数组,被删除的元素的为位置依然存在为empty,且数组的长度不变

2. 不可以使用 forEach 方法比对数组下标值,因为 forEach 在循环的时候是无序的

第四种:删除数组中某个指定元素的元素

splice 删除

var element = 2,
    arr = [1,2,3,4,5]

arr.splice(arr.indexOf(2), 1)
// arr => [1,3,4,5]

filter 删除

var arr = [1,2,3,4,5],
    element = 2

arr = arr.filter(item => item != element)
// arr => [1,3,4,5]

forEach、map、for 删除

var arr = [1,2,3,4,5],
    element = 2,
    new_arr = []
arr.forEach(item => (item != element && new_arr.push(item)))
// new_arr => [1,3,4,5]

// map 同理

var arr = [1,2,3,4,5],
    element = 2,
    new_arr = []

for (let i = 0; i < arr.length; i++) {
    arr[i] != element && new_arr.push(arr[i])
}
// new_arr => [1,3,4,5]

Set 删除

var arr = [1,2,3,4,5],
    element = 2
var new_set = new Set(arr)
new_set.delete(element)
var new_arr = [...new_set]
// new_arr => [1,3,4,5]

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

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

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


相关推荐

  • Sphinx + Coreseek 实现中文分词搜索

    Sphinx + Coreseek 实现中文分词搜索

    2022年3月6日
    40
  • mysql查看表的数据结构_mysql查找表结构

    mysql查看表的数据结构_mysql查找表结构MySQL查看表结构mysql查看表结构命令,如下:desc表名;showcolumnsfrom表名;describe表名;showcreatetable表名;useinformation_s…mysql查看表结构命令mysql查看表结构命令mysql查看表结构命令,如下:desc表名;showcolumnsfrom表名;describe表名;sh…

    2025年8月29日
    5
  • 操作必须使用一个可更新的查询

    操作必须使用一个可更新的查询ADO由于以下的几个原因而不能够写数据库造成的:1、最普遍的原因是匿名用户帐号(IUSR_MACHINE)对该数据库文件没有写权限:在管理器中调整数据库文件的属性,让匿名用户有正确的权限。当使用A

    2022年7月1日
    31
  • 卡方线性趋势检验_SPSS:趋势卡方检验

    卡方线性趋势检验_SPSS:趋势卡方检验SPSS:趋势卡方检验毕业季接近尾声,通过答辩的各位同学们即将开始新的旅程。回顾论文点滴,想必既有心酸又充满欣慰。回顾毕业生咨询论文写作得到一个启示与各位分享:论文完成的过程也是还原临床研究的过程,论文收集资料后进行统计分析时,可以用的统计方法有很多,至于用什么统计方法,决定于临床研究的目的。举个例子:某同学收集到一些数据:近五年某医院胃镜报告提示胃溃疡的男性、女性患者人数,根据数据得到类似下面的…

    2022年5月13日
    54
  • 在linux中安装nginx可以用哪些命令_acl配置命令

    在linux中安装nginx可以用哪些命令_acl配置命令安装前准备工作因为Nginx依赖于gcc的编译环境,所以,需要安装编译环境来使Nginx能够编译起来yuminstallgcc-c++Nginx的http模块需要使用pcre来解析正则表达式,需要安装pcreyuminstall-ypcrepcre-devel安装依赖的解压包yuminstall-yzlibzlib-develssl功能需要openssl库,安装opensslyuminstall-yopensslopenssl-devel下载Ng

    2022年10月5日
    1
  • robotium android,android自动化测试框架robotium配置和使用

    robotium android,android自动化测试框架robotium配置和使用背景介绍android开发过程中,每次迭代升级都需要去回归一下之前版本功能,看看最新的修改有没有影响到之前的正常功能。然而这个过程永远都是在做一些繁琐的重复的操作,大大浪费人力,所以我们决定使用自动化来做这个事情,这就引入了我们接下来要介绍的自动化测试框架——robotium。Robotium是一款国外的Android自动化测试框架,主要针对Android平台的应用进行黑盒自动化测试,它提供了模拟…

    2022年7月17日
    12

发表回复

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

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