js数组切割,添加常用有哪几种办法

使用 slice() 方法

slice()方法返回一个新的数组对象,原始数组不会被改变,slice()方法不仅仅作用于数组,也能作用于字符串。slice()方法有两个参数,第一个参数是提取起始处(start),第二个参数是提取终止处(end)。

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));
// Expected output: Array ["camel", "duck", "elephant"]


console.log(animals.slice(2, 4));
// Expected output: Array ["camel", "duck"]

注意:第一个参数索引是包含该数据,第二个参数索引不包含该数据

使用 splice() 方法

splice()方法能替换和移除已存在的元素和添加新的元素。同时,splice()方法是会直接修改原数组。

const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
// Inserts at index 1
console.log(months);
// Expected output: Array ["Jan", "Feb", "March", "April", "June"]

months.splice(4, 1, 'May');
// Replaces 1 element at index 4
console.log(months);
// Expected output: Array ["Jan", "Feb", "March", "April", "May"]

splice()方法有三个参数:

第一个参数表示要开始改变数组的位置。

第二个参数一个整数,表示数组中要从开始删除的元素数量。

第三个参数从 开始要加入到数组中的元素,如果不指定任何元素,splice() 将只从数组中删除元素。

删除情况:当没有第三个参数时,数组为删除元素。

const myFish = ["angel", "clown", "drum", "mandarin", "sturgeon"];
const removed = myFish.splice(3, 1);

// myFish 是 ["angel", "clown", "drum", "sturgeon"]
// removed 是 ["mandarin"]

替换情况:当三个参数都存在并且第二个参数为正整数时,数组为替换元素。

const myFish = ["angel", "clown", "drum", "sturgeon"];
const removed = myFish.splice(2, 1, "trumpet");

// myFish 是 ["angel", "clown", "trumpet", "sturgeon"]
// removed 是 ["drum"]

新增情况:当三个参数都存在而第二个参数为0时,数组为新增元素。

const myFish = ["angel", "clown", "mandarin", "sturgeon"];
const removed = myFish.splice(2, 0, "drum", "guitar");

// myFish 是 ["angel", "clown", "drum", "guitar", "mandarin", "sturgeon"]
// removed 是 [],没有移除的元素

使用扩展运算符

let arr1 = [1, 2, 3, 4, 5];
let arr2 = [...arr1, 6, 7];

  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript数组遍历有多种常用方法,例如for循环、forEach方法、map方法、reduce方法等。我们可以通过性能分析对比它们的效率。 首先是for循环,它是最基本的遍历方式。通过使用索引来访问数组元素,可以在遍历过程中直接对元素进行操作。这种方法是最快的,因为它没有额外的函数调用开销,并且可以灵活地控制遍历过程。 其次是forEach方法,它是ES5中引入的数组方法之一。它提供了一种简洁易懂的遍历方式,可以通过回调函数来处理每个元素。然而,forEach方法不能中途跳出循环,也不能直接修改原数组的值。因此,如果需要在循环中进行复杂的操作,它可能会导致一些性能上的损失。 再次是map方法,它也是ES5中的数组方法之一。它可以通过回调函数对数组中的每个元素进行操作,并将结果存储在一个新的数组中返回。map方法会创建一个新的数组,因此在性能方面相对较低。如果只需要遍历数组而不需要返回新的数组,推荐使用forEach方法,它更高效。 最后是reduce方法,它也是ES5中的数组方法之一。它可以通过回调函数对数组中的每个元素进行累积操作,最终返回一个累积值。reduce方法是一种非常灵活且强大的遍历方式,但相对而言性能相对较低。如果只需要遍历数组而不需要累积值,使用forEach方法会更高效。 综上所述,for循环是性能最高的遍历方式,但不如其他方法简洁易懂。根据实际需求来选择合适的遍历方法,可以在性能和代码可读性之间找到平衡点。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值