JavaScript删除数组中某个元素的几种方式
文章目录
- 第一种:删除最后一个元素
- 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 = 2
var 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]
注意:
不可以使用 delete 方式删除数组中某个元素,此操作会造成稀疏数组,被删除的元素的为位置依然存在为empty,且数组的长度不变
不可以使用 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 = 2arr = 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://blog.csdn.net/Li_dengke/article/details/105249837
JavaScript删除数组中某个元素的几种方式相关推荐
- (js)删除数组中某个元素的几种方式
(js)删除数组中某个元素的几种方式 filter 删除删除数组中某个指定元素 //过滤出item.srcConcept != this.vertex的对象 this.edit.conceptData ...
- JS 删除数组中某个元素的几种方式
目录 第一种:删除最后一个元素 pop 删除 slice 删除 splice 删除 for 删除 length 删除 第二种: 删除第一个元素 shift 删除 slice 删除 splice 删除 ...
- JavaScript 删除数组中指定元素(5种方法)
JavaScript 删除数组中指定元素 在 JavaScript 中,数组是一种常见的数据类型,可以存储多个元素.有时候,我们需要从数组中删除某些特定的元素.本文将介绍如何使用 JavaScript ...
- java删除数组中重复元素的几种方法
Java操控数组,删除数组中所有的重复元素,使其数组元素全部唯一,有以下几种方法: 1,使用set(最好想到),set本身就是不重复的集合: package Array_test;import jav ...
- c语言删除字符常数组的某一个元素,C语言实现删除数组中某个元素
C语言实现删除数组中某个元素 大家知道C语言实现删除数组中某个元素方法吗?下面将讲述在C语言中实现删除数组中某个元素的两种方法,大家一起看看吧. 方法1:/* name: c语言 删除数组的某个元素 ...
- c语言删除数组中的最小值,C语言中删除数组中某个元素的方法
C语言中删除数组中某个元素的方法 发布时间:2020-06-17 14:22:39 来源:亿速云 阅读:1964 作者:鸽子 C语言实现删除数组中某个元素 大家知道C语言实现删除数组中某个元素方法吗? ...
- 如何从JavaScript中删除数组中的元素?
本文翻译自:How to remove element from an array in JavaScript? var arr = [1,2,3,5,6]; I want to remove the ...
- JavaScript中如何删除数组中指定元素
js中删除数组中指定元素大致有以下三中方法. 1.使用for循环遍历,根据条件判断. for (let i = 0; i < array.length; i++) {if (array[i] = ...
- js删除数组中指定元素
js删除数组中某一项或几项的几种方法 一.删除第一个元素 1.shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值. 注意: 此方法改变数组的长度! 提示: 移除数组末尾的元素可 ...
最新文章
- 如何使用 Python 创建一名可操控的角色玩家
- 自定义验证控件CustomValidator
- DecExpress 帮助网站
- 华为鸿蒙系统自动驾驶,华为高阶自动驾驶 + 华为鸿蒙 OS 车机系统体验
- [spring源码学习]三、IOC源码——自定义配置文件读取
- unable to locate package gparted
- 头条搜索已经全面上线,会不会成为下一个流量风口
- ListView中有Checkbox时的点击和选择问题
- 操作迅捷CAD编辑器如何将CAD转换PDF
- Pytorch错误:RuntimeError: invalid argument 0: Sizes of tensors must match except in dimension 1. Got 6
- 插入数据 java_JAVA插入数据笔记
- android jpct ae教程,android OpenGL开发使用JPCT-AE引擎显示3D立方体
- android 微信自动添加好友 项目开源
- vue3视频播放插件vue3-video-play的具体使用方法
- 服务器centos 内网代理上网- tinyproxy
- Tagoram: Real-Time Tracking of Mobile RFID Tags to High Precision Using COTS Devices
- Apollo6.0代码Lattice算法详解——Part4:计算障碍物ST/SL图
- 全球5大云计算厂商的全球部署的节点图
- 微信图片怎么添加竖排文字_如何给微信里的图片添加上文字和日期?
- preg_match与preg_match_all区别