js拆分数组的方法

最新推荐文章于 2024-06-02 18:35:11 发布

徐_三岁

最新推荐文章于 2024-06-02 18:35:11 发布

阅读量689

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_49078296/article/details/129625069

版权

文章介绍了在JavaScript中如何使用split()和splice()方法对数组进行拆分。split()方法不改变原数组，而splice()则会修改原数组。示例代码展示了两种方法分别如何按指定长度拆分数组并返回结果。

摘要由CSDN通过智能技术生成

split()方法和 for 循环

function sliceArr(arr, split_len) {// arr: 待拆分数组 ； split_len: 拆分长度
    const res: any = []
    for (let i = 0; i < arr.length; i += split_len) {
      const chunk = arr.slice(i, i + split_len)
      res.push(chunk)
    }
    return res
}
const arr = [1,2,3,4,5,6,7]
console.log(sliceArr(arr, 2))    // [ [1,2] , [3,4] , [5,6] , [7]

splice()方法和 while （splice方法会改变原数组）

function spliceArr(arr , length){
     const res = []; 
     while (arr.length > 0) {
        const chunk = arr.splice(0, chunkSize);
        res.push(chunk);
    }
    return res;
}
const arr = [1,2,3,4,5,6,7]
console.log(spliceArr(arr, 3))    // [ [1,2,3] , [4,5,6] , [7] ]