JavaScript 数组对象分割成多个子数组

最新推荐文章于 2024-04-30 07:41:46 发布
最新推荐文章于 2024-04-30 07:41:46 发布
阅读量2.5k 收藏 3
点赞数
分类专栏： 前端 文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chaochao123go/article/details/108824986
版权

实际开发中，总是会遇到数组对象分割成子数组的应用，以下示例是我在开发中使用的的删除的方法，仅供参考

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组分割成子数组</title>
</head>

<body>
    <script>
        // 原始数组对象
        let originalArray = [
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "银行总行",
                "LEVELUNIT": "1",
                "APP_ID": "62",
                "SUPERUNITID": "0000",
                "UNITSEQ": "500",
                "ID": "500",
                "UNITNAME": "银行总行",
                "UNITID": "500",
                "ISLEAF": false
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "北区分行",
                "LEVELUNIT": "2",
                "APP_ID": "62",
                "SUPERUNITID": "500",
                "UNITSEQ": "500,002",
                "ID": "002",
                "UNITNAME": "北区分行",
                "UNITID": "002",
                "ISLEAF": false
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "东区分行",
                "LEVELUNIT": "2",
                "APP_ID": "62",
                "SUPERUNITID": "500",
                "UNITSEQ": "500,003",
                "ID": "003",
                "UNITNAME": "东区分行",
                "UNITID": "003",
                "ISLEAF": false
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "南区分行",
                "LEVELUNIT": "2",
                "APP_ID": "62",
                "SUPERUNITID": "500",
                "UNITSEQ": "500,004",
                "ID": "004",
                "UNITNAME": "南区分行",
                "UNITID": "004",
                "ISLEAF": false
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "北京分行",
                "LEVELUNIT": "2",
                "APP_ID": "62",
                "SUPERUNITID": "500",
                "UNITSEQ": "500,005",
                "ID": "005",
                "UNITNAME": "北京分行",
                "UNITID": "005",
                "ISLEAF": false
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "天津分行",
                "LEVELUNIT": "2",
                "APP_ID": "62",
                "SUPERUNITID": "500",
                "UNITSEQ": "500,006",
                "ID": "006",
                "UNITNAME": "天津分行",
                "UNITID": "006",
                "ISLEAF": false
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "海南银行",
                "LEVELUNIT": "2",
                "APP_ID": "62",
                "SUPERUNITID": "500",
                "UNITSEQ": "500,100001",
                "ID": "100001",
                "UNITNAME": "海南银行",
                "UNITID": "100001",
                "ISLEAF": false
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "北京分公司",
                "LEVELUNIT": "2",
                "APP_ID": "62",
                "SUPERUNITID": "500",
                "UNITSEQ": "500,800",
                "ID": "800",
                "UNITNAME": "北京分公司",
                "UNITID": "800",
                "ISLEAF": false
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "上海分公司",
                "LEVELUNIT": "2",
                "APP_ID": "62",
                "SUPERUNITID": "500",
                "UNITSEQ": "500,900",
                "ID": "900",
                "UNITNAME": "上海分公司",
                "UNITID": "900",
                "ISLEAF": false
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "三亚分行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "100001",
                "UNITSEQ": "500,100001,100002",
                "ID": "100002",
                "UNITNAME": "三亚分行",
                "UNITID": "100002",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "儋州分行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "100001",
                "UNITSEQ": "500,100001,100003",
                "ID": "100003",
                "UNITNAME": "儋州分行",
                "UNITID": "100003",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "总行营业部",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "002",
                "UNITSEQ": "500,002,501",
                "ID": "501",
                "UNITNAME": "总行营业部",
                "UNITID": "501",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "东区分行营业部",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "003",
                "UNITSEQ": "500,003,502",
                "ID": "502",
                "UNITNAME": "东区分行营业部",
                "UNITID": "502",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "南区分行营业部",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "004",
                "UNITSEQ": "500,004,503",
                "ID": "503",
                "UNITNAME": "南区分行营业部",
                "UNITID": "503",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "上海嘉定支行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "003",
                "UNITSEQ": "500,003,505",
                "ID": "505",
                "UNITNAME": "上海嘉定支行",
                "UNITID": "505",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "深圳罗湖支行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "004",
                "UNITSEQ": "500,004,506",
                "ID": "506",
                "UNITNAME": "深圳罗湖支行",
                "UNITID": "506",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "广州南沙支行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "004",
                "UNITSEQ": "500,004,507",
                "ID": "507",
                "UNITNAME": "广州南沙支行",
                "UNITID": "507",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "上海青浦支行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "003",
                "UNITSEQ": "500,003,508",
                "ID": "508",
                "UNITNAME": "上海青浦支行",
                "UNITID": "508",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "北京海淀支行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "002",
                "UNITSEQ": "500,002,509",
                "ID": "509",
                "UNITNAME": "北京海淀支行",
                "UNITID": "509",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "北京朝阳支行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "002",
                "UNITSEQ": "500,002,510",
                "ID": "510",
                "UNITNAME": "北京朝阳支行",
                "UNITID": "510",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "北京分行营业部",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "005",
                "UNITSEQ": "500,005,600",
                "ID": "600",
                "UNITNAME": "北京分行营业部",
                "UNITID": "600",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "北京紫竹桥支行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "005",
                "UNITSEQ": "500,005,601",
                "ID": "601",
                "UNITNAME": "北京紫竹桥支行",
                "UNITID": "601",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "天津分行营业部",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "006",
                "UNITSEQ": "500,006,700",
                "ID": "700",
                "UNITNAME": "天津分行营业部",
                "UNITID": "700",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "天津滨海支行",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "006",
                "UNITSEQ": "500,006,701",
                "ID": "701",
                "UNITNAME": "天津滨海支行",
                "UNITID": "701",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "北分一部",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "800",
                "UNITSEQ": "500,800,801",
                "ID": "801",
                "UNITNAME": "北分一部",
                "UNITID": "801",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "北分二部",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "800",
                "UNITSEQ": "500,800,802",
                "ID": "802",
                "UNITNAME": "北分二部",
                "UNITID": "802",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "上海一部",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "900",
                "UNITSEQ": "500,900,901",
                "ID": "901",
                "UNITNAME": "上海一部",
                "UNITID": "901",
                "ISLEAF": true
            },
            {
                "INSTU_CDE": "0000",
                "ORG_NAME": "上海二部",
                "LEVELUNIT": "3",
                "APP_ID": "62",
                "SUPERUNITID": "900",
                "UNITSEQ": "500,900,902",
                "ID": "902",
                "UNITNAME": "上海二部",
                "UNITID": "902",
                "ISLEAF": true
            }
        ]
        console.log('原始数组对象', originalArray)
        
        // 根据 SUPERUNITID 生成的新的子数组对象
        let resultArray = []
        originalArray.map(mapItem => {
            if (resultArray.length === 0) {
                resultArray.push({superUnitId: mapItem['SUPERUNITID'], superUnitList: [mapItem]})
            } else {
                let res = resultArray.some((someItem) => {
                    if (someItem['superUnitId']  === mapItem['SUPERUNITID']) {
                        someItem['superUnitList'].push(mapItem)
                        return true
                    }
                })
                if (!res) {
                    resultArray.push({superUnitId: mapItem['SUPERUNITID'], superUnitList: [mapItem]})
                }
            }
        })
        console.log('子数组对象', resultArray)
    </script>
</body>

</html>

可以直接复制运行代码，查看打印结果

QYDUAN
关注
专栏目录
2023新华为OD机试题 - 数组排序（JavaScript） | 刷完来对接OD招聘渠道
梦想橡皮擦，专栏100例写作模式先行者，现象级专栏 《Python 爬虫 100 例》作者、《滚雪球学 Python 专栏》原创者
02-13 3378
数组排序 题目 给定一个乱序的数组 删除所有重复元素 使得每个元素只出现一次 并且按照出现的次数从高到低进行排序 相同出现次数按照第一次出现顺序进行先后排序 数组大小不超过100 数组元素值不超过100
【华为OD机试真题 JS语言】368、最小循环子数组 | 机试真题+思路参考+代码解析
KJ.JK
12-20 867
题目描述 >给定一个由若干整数组成的数组nums，请检查数组是否是由某个子数组重复循环拼接而成，请输出这个最小的子数组
最大子数组和js解法
G1useppE的博客
05-08 530
给你一个整数数组 nums ，请你找出一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。 子数组 是数组中的一个连续部分。 示例 1： 输入：nums = [-2,1,-3,4,-1,2,1,-5,4] 输出：6 解释：连续子数组[4,-1,2,1] 的和最大，为6 。 示例 2： 输入：nums = [1] 输出：1 示例 3： 输入：nums = [5,4,-1,7,8] 输出：23 题解1：(贪心) 解题思路： 贪心就是从局部最优解中，推出全局最优解。 局部最..
js将一个数组分割成多个子数组
热门推荐
Minyoung 的博客
11-01 1万+
在做一个项目的时候需要将得到的json数据分组显示，于是自己写了个算法。将一个长数组分割成许多小数组保存起来。 /** * 分割数组创建二维数组封装 * @param data 数组 * @param senArrLen 需要分割成子数组的长度 */ let splitArr = (data , senArrLen)=&gt;{ //处理成len个一组的数据 let d...
JS 根据数组对象属性值分类，把一个数组拆分为多个数组
zhangluludeCSDN的博客
03-31 3169
在工作中有时前台展示需求的不同要把后台的数组对象进行再分类。 举个栗子： let arr = [ { date: '2018-01-06',SW: '90.95', LL: '136', XXSW: '80.22',CKLL: '500' }, { date: '2018-01-06', SW: '164.95', LL: '137', XXSW: '99.22', CKLL: '93' }, { date: '2018-01-07', SW: '176.95', LL: '2
js对象数组拆分
绿绿峰
08-25 1万+
刚刚有个小伙伴提出了个问题，觉得挺有意思的，分享下~ 他的要求是这样滴： var source_arr = [{"早上":5,"中午":1608,"晚上":357,"中午和晚上":217}]; // 上面这个对象要转换成下面这样 var out_arr = [{name:"早上",value:5},{name:"中午",value:1608},{name:"晚上&quot
javascript中数组和字符串的方法对比
10-21
数组的slice()方法基于当前数组的一个或多个元素创建一个新数组；而字符串的slice()方法创建一个子字符串。它们都接受两个参数：开始和结束索引。 #### 数组与字符串操作的比较 1. **相似之处**： - 数组和字符串...
javascript中数组array及string的方法总结
10-25
JavaScript数组自带了很多方法，这些方法大致可以分为两类：会改变原数组的方法和不会改变原数组的方法。 1. 改变原数组的方法 - pop()：移除数组的最后一个元素，并返回该元素。 - shift()：移除数组的第一个...
JavaScript 动态网页实例 —— 数组
最新发布
cccloveforever的博客
04-30 941
数组包含(或者存储)了一定编码的数据段。每个编码的数据段都称为该数组的一个元素，每个元素的编码称为该元素的下标。由于JavaScript 是一种无类型语言，所以，数组元素可以是任意的数据类型，同一数组的不同元素也可以具有不同的类型。数组的元素甚至可以是其他数组，这样就为创建多维数组提供了可能。本章首先介绍数组的定义与赋值，然后介绍对数组元素的操作，最后给出一个实现多维数组的示例。
js将对象数据根据属性归类分成多个数组
qq_42583562的博客
01-14 4191
场景： 一个数组内含有多个对象，需要根据对象的属性将同一值的对象归为一个数组。 js代码： //数据归类方法 funtion classify(arr, key) { let kind = []; //存放属性标识 let newArr = []; //返回的数据 arr.map((item) => { // 判断key是否存在，不存在则添加 if (!kind.includes(item[key])) { kind.push(item[key]); /
使用js，根据对象数组中对象属性值的不同将数组进行分组-1
qq_42127308的博客
06-10 3071
需求：将下面数组-对象中的index_name相同的对象抽离出来，放入一个新数组中 let tempArr = [ { domain: 'a', index_name: '云淡风轻' }, { domain: 'b', index_name: '递归' }, { domain: 'c', index_name: '云淡风轻' }, { domain: 'd', index_na...
js对象数组分割成：数组对象
会点php的前端小渣渣
07-15 1581
var arr = [ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":"值1","value":"11111"}, {"id":"1002","name":"值2","value":"25462"}, {"id":"1002","name":"值2","value":"23131"}, {"id":"1002","name":"值2","value":"2315432"}, {...
【JS】将一维数组的分割成数组对象
Komorebi_00的博客
04-07 151
【代码】将一维数组的分割成数组对象。
如果把一个数组对象 按照某属性分成多个数组
who_become_gods的博客
09-29 1624
第一种：按照某个属性值（全等分） var a = [{id: 1}, {id: 3}, {id: 2}, {id: 3}, {id: 1}]; var b = a.reduce((r, x) => ((r[x.id] || (r[x.id] = [])).push(x), r), {}); var c = Object.keys(b).map(x => b[x]); console.log(c); // [[{id: 1}, {id: 1}], [{id: 2}], [{id: 3}, {
JS数组(Array)处理函数总结
weixin_30820151的博客
12-06 136
JS数组(Array)处理函数总结 原文:JS数组(Array)处理函数总结1、concat() 连接两个或更多的数组该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。例如： 1 <script type="text/javascript"> 2 var arr = [1, 2, 3]; 3 ...
JavaScript 数组对象 根据属性名 拆分,组合成新的数组
MW
01-06 740
var entityList = [ { formatDate: "2021-01", nums: 0 }, { formatDate: "2021-02", nums: 0 }, { formatDate: "2021-03", nums: 0 }, { formatDate: "2021-04", nums: 0 }, { formatDate
分割数组中的对象，以N个对象为一组
a666666000的博客
03-02 242
想让一个数组变成数组套数组的情况可以用这个方法，通常用于手写分页
JavaScript 中数组的子集
six6de6的博客
10-25 1382
JavaScript 中数组的子集
js字符串分割生成数组
05-10
`split()` 方法接受一个字符串参数，这个字符串参数作为分隔符，将原字符串分割成若干个子字符串，并返回一个数组。如下所示： ```js var str = "hello,world"; var arr = str.split(","); console.log(arr); // [...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值