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


相关推荐

  • EasyTouch基本用法

    EasyTouch基本用法EasyTouch基本用法本文提供全流程,中文翻译。Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验——高分辨率用户请根据需求调整网页缩放比例)1hierarchy(层次面板)

    2022年8月2日
    5
  • python 爬虫爬取阿婆主的全部视频详情

    python 爬虫爬取阿婆主的全部视频详情

    2021年11月10日
    43
  • wait方法和notify方法_wait和notify的作用

    wait方法和notify方法_wait和notify的作用    为什么wait和notifyAll(notify)必须要使用synchronized?synchronized(object){object.wait();} synchronized(this){this.wait();} synchronizedfun(){this.wait();}     如…

    2025年9月23日
    3
  • 关于vue安装less和webpack版本冲突问题

    关于vue安装less和webpack版本冲突问题解决vue安装webpack和less的版本冲突

    2022年8月9日
    42
  • Android AutoSize 失效处理

    Android AutoSize 失效处理重写当前getResources方法//***************************↓↓↓处理autosize失效↓↓↓********************************//overridefungetResources():Resources{returnsuper.getResources()}//***************************↑↑↑处理autosize失效↑↑↑********************************.

    2022年5月28日
    157
  • 影视短视频剪辑的完整操作流程(普通人也能学会)

    影视短视频剪辑的完整操作流程(普通人也能学会)嗨喽,大家好,我是会玩运营,能写代码,文案设计样样精通的江湖美男子菜鸟哥,一名走在营销路上的小菜鸟。点击上方蓝字“关注”,每天为你分享有用的营销运营干货。上一篇文章我们讲解了《全网最全抖音运营攻略》,相信看完这篇文章的朋友对于短视频运营多少有了一定的了解,文中的2020年抖音用户画像报告,我们了解到短视频用户对于影视类的作品关注度还是非常高的,今天我们就结合案例来为大家进行更加详细的讲解。本文将带你初步了解抖音、快手短视频中影视剪辑的完整操作流程,没有过多复杂的骚操作,零基础的普通人也能够看懂。

    2022年5月20日
    62

发表回复

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

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