JS删除数组中的某个元素

方式一:使用splice()

splice(index,len,[item])

  • index: 元素下标
  • len: 替换/删除的长度
  • item: 替换的值,删除操作的话 item为空

该方法会改变原始数组,可以用来执行替换、删除、添加数组内某一个或某几个

代码实例

1.删除
(1)删除数组中的某一项

var arr = ['a','b','c','d'];
arr.splice(1,1);
console.log(arr); 

删除元素后的数组:[‘a’,‘c’,‘d’]

(2)删除数组中的某几项

var arr2 = ['a','b','c','d']
arr2.splice(1,2);
console.log(arr2); 

删除元素后的数组:[‘a’,‘d’]

2.替换
(1)替换数组中的某一项

var arr = ['a','b','c','d'];
arr.splice(1,1,'ttt');
console.log(arr); 

替换元素后的数组:[‘a’,‘ttt’,‘c’,‘d’]

(2) 替换数组中的某几项

var arr2 = ['a','b','c','d'];
arr2.splice(1,2,'ttt');
console.log(arr2); 

替换元素后的数组:[‘a’,‘ttt’,‘d’]

3.添加
当参数len为0时,表示参数item为添加的值

// 在下标为1处添加一项'ttt'
var arr = ['a','b','c','d'];
arr.splice(1,0,'ttt');
console.log(arr); 

添加新元素后的数组:[‘a’,‘ttt’,‘b’,‘c’,‘d’]

方式二:使用delete

使用delete删除数组中的元素后,删除元素下标处的值会置为undefined,数组的长度不会变

代码实例
var arr = ['a','b','c','d'];
delete arr[1];

删除后的数组元素为:[“a”, undefined, “c”, “d”]

在JavaScript中,有多种方法可以删除数组中的某个元素。其中一种常用的方法是使用splice()方法。splice()方法可以删除指定位置的元素,并可以选择删除个元素。它接受两个参数,第一个参数是要删除的元素的索引,第二个参数是要删除的元素的个数。例如,如果我们要删除数组arr中的第三个元素,可以使用以下代码: arr.splice(2, 1); 这将删除arr中索引为2的元素,并且只删除个元素。如果要删除多个连续的元素,可以相应地调整第二个参数的值。请注意,splice()方法会直接修改原始数组。 除了splice()方法外,还有其他方法可以删除数组中的元素,例如使用filter()方法、使用pop()和shift()方法等。具体使用哪种方法取决于你的需求和个人偏好。希望这对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [JavaScript 删除数组中指定元素(5种方法)](https://blog.csdn.net/achen0511/article/details/130642796)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [JS数组移除元素的方法](https://blog.csdn.net/m0_44968817/article/details/125675428)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值