首页 前端知识 前端 |【JavaScript】JS 删除数组中某个元素的方法有哪些?超简洁六大方法!

前端 |【JavaScript】JS 删除数组中某个元素的方法有哪些?超简洁六大方法!

2024-09-06 00:09:36 前端知识 前端哥 598 911 我要收藏

一、length属性

在JavaScript中,length属性用于获取数组的长度。可用于删除数组中的最后一个元素,只需将长度减1即可。

// 创建一个数组
var a = [1, 2, 3, 4, 5];
// 使用length属性获取数组长度
console.log(a.length); // 输出:5
a.length = a.length - 1;
// a => [1,2,3,4]

二、slice属性

slice属性可用于删除数组中的第一个最后一个元素。

// 创建一个数组
var a = [1,2,3,4,5];
var new_a = a.slice(1); //删除数组a中第一个元素 “1”
// new_a => [2,3,4,5]
var new_b = new_a.slice(0, -1);  //删除数组new_a中最后一个元素 “5”
// new_b => [2,3,4]

三、splice属性

splice属性有4种删除方式。

1、删除数组中第一个元素

// 创建一个数组
var a = [1,2,3,4,5];
var new_a  = a.splice(0, 1);
// a => [2,3,4,5]
// new_a => [1]

2、删除数组中某个指定元素

var x = 2,
    a = [1,2,3,4,5];
a.splice(a.indexOf(2), 1);
// a => [1,3,4,5]

3、删除数组中指定下标的元素

var delete_index = 2;
var a = [1,2,3,4,5];
// a => [1,2,3,4,5]
var new_a = a.splice(delete_index, 1);
// new_a => [3]
// a => [1,2,4,5]

4、删除数组中最后一个元素

// 创建一个数组
var a = [1,2,3,4,5];
var new_a = a.splice(-1);
// a => [1,2,3,4]
// new_a => [5]

四、pop方法

JavaScript中的pop()方法用于删除数组的最后一个元素,并返回被删除的元素。

// 创建一个数组
var a = [1,2,3,4,5];
a.pop();
// a => [1,2,3,4]

五、shift方法

JavaScript中的shift()方法用于删除数组的第一个元素,并返回被删除的元素。

// 创建一个数组
var a = [1,2,3,4,5];
a.shift();
// a => [2,3,4,5]

六、filter方法

JavaScript中的filter()方法用于筛选数组中满足条件的元素,并返回一个新的数组。可用于删除数组中某个指定元素。
参数说明:

  • callback:用于测试数组中的每个元素的函数。返回 true 表示该元素通过测试,保留在新的数组中;返回 false 则不保留。
  • element:当前正在处理的数组元素。
  • index(可选):当前正在处理的数组元素的索引。
  • array(可选):调用 filter 方法的数组。
  • thisArg(可选):执行 callback 函数时使用的 this 值。
// 创建一个数组
var a = [1,2,3,4,5],
    x = 2;
a = a.filter(item => item != x);
// a => [1,3,4,5]

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17723.html
标签
评论
发布的文章

jquery video视频轮播播放

2024-09-27 09:09:58

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!