JavaScript删除数组第一个元素的几种方法(不改变原数组,返回新数组)

实现结果

var arr = [1, 2, 3, 4, 5];
删除 arr  的第一个元素,不修改 arr。
返回新的数组 newArr
newArr = [2, 3, 4, 5];

方法

1、slice() 浅克隆去复制 arr 元素从第二个开始到最后一个

var arr = [1, 2, 3, 4, 5];
var newArr = arr.slice(1);
console.log(newArr);

2、splice()的删除功能

var arr = [1, 2, 3, 4, 5];
var newArr = arr.slice(0);
newArr.splice(0, 1);
console.log(newArr);

3、filter() 过滤下标,返回满足不等0的下标的元素

var arr = [1, 2, 3, 4, 5];
var newArr = arr.filter((val, index, arr) => {
    return index !== 0;
})
console.log(newArr);

4、shift() 删除数组的首个元素

var arr = [1, 2, 3, 4, 5];
var newArr = arr.slice(0);
newArr.shift();
console.log(newArr);

5、join() 字符串连接后,用split()进行分离为新数组

var arr = [1, 2, 3, 4, 5];
var newArr = arr.join().split(',').map(Number); // arr.map(Number):字符串元素转为数字元素
newArr.shift();
console.log(newArr);

6、apply() 数组参数化后放入[]数组

var arr = [1, 2, 3, 4, 5];
var newArr = [];
[].push.apply(newArr, arr);
newArr.shift();
console.log(newArr);

7、concat() 数组链接出新数组

var arr = [1, 2, 3, 4, 5];
var newArr = arr.concat();
newArr.shift();
console.log(newArr);

  • 5
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
根据引用\[2\]中的splice()方法,可以使用splice()方法来替换数组中的第一位元素。splice()方法的语法是array.splice(index, howmany, item1, ..., itemX),其中index是要替换的元素的下标,howmany是要删除的元素数量,item1到itemX是要添加到数组元素。所以,要替换数组中的第一位元素,可以使用以下代码: var arr = \[3, 5, "-", "9", "-"\]; arr.splice(0, 1, ""); console.log("替换后的数组", arr); // 替换后的数组 \[, 5, "-", "9", "-"\] 这样就将数组中的第一位元素替换为""。 #### 引用[.reference_title] - *1* [javascript 操作数组: 把第一个元素和第二个元素调换位置,返回修改后的数组内容](https://blog.csdn.net/m0_67038390/article/details/123962961)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [JavaScript(4)删除、替换 数组 特定值!](https://blog.csdn.net/weixin_49567496/article/details/119572636)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值