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


相关推荐

  • Hadoop生态圈一览

    Hadoop生态圈一览根据Hadoop官网的相关介绍和实际使用中的软件集,将Hadoop生态圈的主要软件工具简单介绍下,拓展对整个Hadoop生态圈的了解。这是Hadoop生态从Google的三篇论文开始的发展历程,现已经发展成为一个生态体系,并还在蓬勃发展中….这是官网上的Hadoop生态图,包含了大部分常用到的Hadoop相关工具软件这是以体系从下到上…

    2022年5月21日
    76
  • 小米8手机相册中的图片怎么识别文字?[通俗易懂]

    小米8手机相册中的图片怎么识别文字?[通俗易懂]小米8大家都买了吗?最近新出的还是很好的,小米8手机相册中的图片怎么识别?对于用小米手机的人来说很简单,下面分享一个方法。1在手机上输入PDF阅读器,然后开始识别相册图片的文字2打开就是这样的界面,找到倒数第2个的小功能3选择拍照识别中的相册,接下来添加图片4这张是…

    2022年5月18日
    79
  • Windows 64位下安装Redis详细教程

    Windows 64位下安装Redis详细教程

    2021年10月10日
    47
  • hackbar功能简介

    hackbar功能简介SQL:提供三种数据库的sql查询语句,以及一些方便联合查询的语句XSS:提供xss攻击语句string.fromcharcode():将根据UNICODE值来输出xss语句htmlcharactor:将XSS语句转化为HTML字符实体(以&开头)alert(xss)statement:构建一条xss测…

    2022年5月18日
    72
  • 取反是什么意思_1取反是多少

    取反是什么意思_1取反是多少很多编程语言使用~作为一元按位取反(NOT)操作符,Go重用^XOR操作符来按位取反://错误的取反操作funcmain(){fmt.Println(~2)//bitwisecomplementoperatoris^}//正确示例funcmain(){varduint8=2fmt.Printf(“%08b\n”,d)//00000010fmt.Printf(“%08b\n”

    2022年8月14日
    7
  • k3 梅林固件设置_OpenWrt中,旁路由的设置与使用

    k3 梅林固件设置_OpenWrt中,旁路由的设置与使用旁路由,这神奇的名称,听着是不是有点不知所云?本文的目的,是让您知晓旁路由的概念,并掌握最基础的旁路由设置方法。一、什么是旁路由?旁路由又叫独臂路由,这一概念由杨过大侠首创(手动狗头)。旁路由一般是由CPU性能比较强的路由器来担当。旁路由的主要责任是帮助网络中的其他设备获取国外网站的数据。二、旁路由的接线方式及工作原理最基础最常规的旁路由接线方式是这样的基础的旁路由接线方式是不是有点挑战常识?主路…

    2022年5月8日
    982

发表回复

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

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