广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JS之删除数组中某个元素的几种方式汇总
  • 724
分享到

JS之删除数组中某个元素的几种方式汇总

JS删除数组JS删除数组元素删除数组某元素 2023-03-06 11:03:44 724人浏览 薄情痞子
摘要

目录第一种:删除最后一个元素slice 删除 splice 删除 pop 删除for 删除length 删除第二种:删除第一个元素slice 删除splice 删

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

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 在循环的时候是无序的。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: JS之删除数组中某个元素的几种方式汇总

本文链接: https://www.lsjlt.com/news/198619.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作