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]

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • pycharm专业版激活码(JetBrains全家桶)

    (pycharm专业版激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html9ZHRNTE33T-eyJsaWNlbnNlSWQi…

  • python和java的区别-python与java区别[通俗易懂]

    python和java的区别-python与java区别[通俗易懂]Python和Java都是很火的编程语言,对于想学习编程的人员来说,常常被这个问题所困扰:我是该学Python还是Java呢?想要解决这个问题,还需结合自身实际情况和两种语言的特点进行分析。以下是Python和Java的区别:(推荐学习:java课程)1.Python比Java简单,学习成本低,开发效率高;2.Java运行效率高于Python,尤其是纯Pytho…

  • 数据统计的视觉盛宴—visifire charts

    数据统计的视觉盛宴—visifire charts上文中我给大家展示了微软提供的开源toolkit中图表控件的效果和使用,但是与fusioncharts相比效果还是显得逊色。本篇将介绍另一种charts控件库—visifirecharts。visifire控件库不仅涵盖wpf/silverlight,还有windowsphone的版本(由此可见将wpf的代码移植到silverlight和windowsphone上是一个非…

  • MySQL中DML语句和事务的概念「建议收藏」

    MySQL中DML语句和事务的概念「建议收藏」ML语句知识要点DML语句插入行到表中删除表中的行更新表中的行控制事务DML语句DML:DATAMANIPULATIONLANGUAGE(数据操纵语言),由INSERT、UPDATE、DELETE等语句构成,用来修改表中的数据INSERT语句1.带VALUES子句的INSERT语句INSERT[INTO]tbl_name[(col_name,…)]{VA…

  • webstorm2021.11激活码(注册激活)

    (webstorm2021.11激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html…

  • Bulk Insert命令具体

    Bulk Insert命令具体

发表回复

您的电子邮箱地址不会被公开。

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