本网站(662p.com)打包出售,且带程序代码数据,662p.com域名,程序内核采用TP框架开发,需要联系扣扣:2360248666 /wx:lianweikj
精品域名一口价出售:1y1m.com(350元) ,6b7b.com(400元) , 5k5j.com(380元) , yayj.com(1800元), jiongzhun.com(1000元) , niuzen.com(2800元) , zennei.com(5000元)
需要联系扣扣:2360248666 /wx:lianweikj
JS之删除数组中某个元素的几种方式汇总
冷月葬花魂 · 148浏览 · 发布于2023-03-06 +关注

这篇文章主要介绍了JS之删除数组中某个元素的几种方式汇总,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

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

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]

pop 删除

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

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]

第二种:删除第一个元素

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]

shift 删除

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

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

filter 删除

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

splice 删除

var element = 2,
    arr = [1,2,3,4,5]
  arr.splice(arr.indexOf(2), 1)
// 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]

第四种:删除数组中指定下标的元素

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]

注意:

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

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


相关推荐

PHP实现部分字符隐藏

沙雕mars · 1324浏览 · 2019-04-28 09:47:56
Java中ArrayList和LinkedList区别

kenrry1992 · 907浏览 · 2019-05-08 21:14:54
Tomcat 下载及安装配置

manongba · 967浏览 · 2019-05-13 21:03:56
JAVA变量介绍

manongba · 961浏览 · 2019-05-13 21:05:52
什么是SpringBoot

iamitnan · 1086浏览 · 2019-05-14 22:20:36
加载中

0评论

评论
分类专栏
小鸟云服务器
扫码进入手机网页