(javascript)将一个数组分成多个数组(或数组中指定字段进行拆分)

「爱情、让人受尽委屈。」 2024-03-22 13:39 42阅读 0赞

## (javascript)将一个数组分成多个数组(或数组中指定字段进行拆分) ##

### 将一个[数组][Link 1]分成多个数组(或数组中指定字段进行拆分) ###

*  处理的目标数据
 *      let data = [
            { name: 'Liming', uuid: '1' },
            { name: 'Liming', uuid: '2' },
            { name: 'Liming', uuid: '3' },
            { name: 'Liming', uuid: '4' },
            { name: 'Liming', uuid: '5' },
            { name: 'Liming', uuid: '6' },
            { name: 'Liming', uuid: '7' },
            { name: 'Liming', uuid: '8' },
            { name: 'Liming', uuid: '9' },
            { name: 'Liming', uuid: '10' },
        ]
 *  将一个数组分成多个数组
 *      group = (array = [], subGroupLength = 0) => {
           let index = 0;
           const newArray = [];
           while (index < array.length) {
             newArray.push(array.slice(index, index += subGroupLength));
           }
           return newArray;
         }
         console.log(group(data, 3))
 *  结果
 *  ![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FCTrdL2M-1683505278334)(C:\\Users\\quyanliang\\AppData\\Roaming\\Typora\\typora-user-images\\1683505199529.png)\]][img-FCTrdL2M-1683505278334_C_Users_quyanliang_AppData_Roaming_Typora_typora-user-images_1683505199529.png]

### 数组中指定字段进行拆分 ###

*      // 方法二  (数组指定字段字符串拼接)
        groupArr = (array = [], subGroupLength = 0) => {
            const uuidSubArr = []
            let uuidStr = ''
            array.map((item, index) => {
                if (index % 3 === 0) {
                    if (index > 0) {
                        uuidSubArr.push(uuidStr)
                    }
                    uuidStr = item.uuid
                } else {
                    uuidStr = `${uuidStr},${item.uuid}`
                     if (index === (data.length - 1)) {
                        uuidSubArr.push(uuidStr)
                    }
                }
            })
            return uuidSubArr
        }
        console.log(groupArr(data, 3))
 *  结果
 *  ![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RjEBffLV-1683505278335)(C:\\Users\\quyanliang\\AppData\\Roaming\\Typora\\typora-user-images\\1683505259708.png)\]][img-RjEBffLV-1683505278335_C_Users_quyanliang_AppData_Roaming_Typora_typora-user-images_1683505259708.png]

[Link 1]: https://so.csdn.net/so/search?q=%E6%95%B0%E7%BB%84&spm=1001.2101.3001.7020
[img-FCTrdL2M-1683505278334_C_Users_quyanliang_AppData_Roaming_Typora_typora-user-images_1683505199529.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/4f34c74c5ca6476687e7f981204fef82.png
[img-RjEBffLV-1683505278335_C_Users_quyanliang_AppData_Roaming_Typora_typora-user-images_1683505259708.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/f6e5f8f55e06409faa5fccdfbc54f80a.png