js数组数据处理

// 处理前数据
let arr = [
{id:'1',name:'dwejdww'},
{id:'2',name:'dfrefrew'},
{id:'1',name:'bfdbfdb'},
{id:'3',name:'rfererg'},
{id:'2',name:'dwejdfww'},
]
// 处理后数据
arr=[
{id:'1',name:'dwejdww,bfdbfdb'},
{id:'2',name:'dfrefrew,dwejdfww'},
{id:'3',name:'rfererg'},
]
// 开始处理
// 1.先定义一个空对象
let map = {}
// 1.遍历数组
arr.map(data=>{
    // 判断id存在map对象中不
    if(!map[data.id]){ //不存在
        map[data.id] = data.name //给map赋值
    } else { //存在
        map[data.id] = += ','+data.name
    }
})
let resultArr = [];
for (let key in map) {
  resultArr.push({ id: key, name: map[key] });
}
// conole.log(resultArr)

数据版本二

// 数据处理前
[
    {"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"},
    {"id":"1003","name":"值3","value":"333333"}
]
// 数据处理后
[
    {
        "id": "1001",
        "name": "值1",
        "data": [
            {"id": "1001", "name": "值1", "value": "111"},
            { "id": "1001", "name": "值1", "value": "11111"}
        ]
    },
    {
        "id": "1002",
        "name": "值2",
        "data": [
            { "id": "1002",  "name": "值2", "value": "25462" },
            { "id": "1002", "name": "值2", "value": "23131"},
            {"id": "1002", "name": "值2","value": "2315432" }
        ]
    },
    {
        "id": "1003",
        "name": "值3",
        "data": [
            {"id": "1003", "name": "值3", "value": "333333" }
        ]
    }
]

let map = {},dest = [];
for(let i = 0; i < arr.length; i++){
    let ai = arr[i];
    if(!map[ai.id]){
        dest.push({
            id: ai.id,
            name: ai.name,
            data: [ai]
        });
        map[ai.id] = ai;
    }else{
        for(let j = 0; j < dest.length; j++){
            let dj = dest[j];
            if(dj.id == ai.id){
                dj.data.push(ai);
                break;
            }
        }
    }
}

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中的数组是一种有序的、可变长度的数据结构,底层实现原理主要依赖于哈希表和连续内存空间。 在JavaScript中声明一个数组,实际上是创建了一个对象。这个对象会包含一个指向原型的指针,并且继承了一些数组相关的方法和属性,如push、pop、length等。 底层实现中,数组的元素是通过哈希表来存储的。哈希表是一种键值对的数据结构,可以将元素的索引作为键,元素的值作为值存储起来。这使得数组能够非常高效地根据索引来访问或修改元素。 此外,JavaScript中的数组还使用了连续的内存空间来存储元素。这意味着,数组中的每个元素都占据着相同大小的内存空间,并且在内存中是连续存储的。这也就是为什么JavaScript中的数组可以快速地进行随机访问,因为可以通过索引计算出元素在内存中的地址,从而直接访问。 当数组长度变化时,JavaScript会根据需要动态地分配或释放内存空间。如果数组需要扩容,会申请更大的内存空间,并将原先的元素拷贝到新的内存空间中;如果数组长度减小,会释放多余的内存空间。这种动态分配内存的机制使得数组能够灵活地处理元素的增删操作。 总结起来,JavaScript中的数组底层原理是基于哈希表和连续内存空间实现的。哈希表用于快速访问和修改元素,而连续内存空间则保证了数组的随机访问效率。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值