JavaScript 怎么给一些有对应关系的数组封装成对应的对象?

已知一个无序数组,有一个初始id

根据这个初始ID 从数组中排出

//处理后的结果
 {tid:8836,child:[{tid:936,child:[...],tid:939...}]}                

//原始请求回来的数据
var begin_id = 8836;
var sub_list = [{
tid:8836,
sub:[936,939,972]
},{
tid:936,
sub:[872,811]
},{
tid:939,
sub:[762,755,703]
},{
tid:972,
sub:[644,691,672]
},{
tid:872,
sub:[544]
},{
tid:811,
sub:[435,435,435,435,435]
}]

求大佬们救命啊,我们后端不给处理,让我们自己处理

一些对应关系的数组 整理成map类型的数据

5个回答

昨晚答案,怎么不见了。修正了代码

运行结果:

{tid:8836,child:[{"tid":936,"child":[872,811]},{"tid":939,"child":[762,755,703]},{"tid":972,"child":[644,691,672]},{"tid":872,"child":[544]},{"tid":811,"child":[435,435,435,435,435]}]}

代码:

var begin_id = 8836;
var sub_list = [{
tid:8836,
sub:[936,939,972]
},{
tid:936,
sub:[872,811]
},{
tid:939,
sub:[762,755,703]
},{
tid:972,
sub:[644,691,672]
},{
tid:872,
sub:[544]
},{
tid:811,
sub:[435,435,435,435,435]
}];

for(key in sub_list){
    if(sub_list[key].tid == begin_id){
        var param = [];
        var k = key;
        for(key2 in sub_list){
            if (key != key2){
                param.push({"tid":sub_list[key2].tid,"child":sub_list[key2].sub})
            }
        }

    }
}


var json = JSON.stringify(param);
    json = '{tid:'+sub_list[k].tid +",child:" + json + "}";
    json = JSON.parse(JSON.stringify(json));
console.log(json);
qq_39196400
K beasts 回复qq_40050220: JSON.parse 和 JSON.stringify 可以做对象拷贝
接近 2 年之前 回复
qq_39196400
K beasts 回复qq_40050220: 我用数组push方法,符合规律的组成一组,然后JSON的两个方法把弄,剩下就是拼接字符串
接近 2 年之前 回复
qq_40050220
江山流水 或者给推荐本书也好
接近 2 年之前 回复
qq_40050220
江山流水 求大佬给解释下原理 一直不明白怎么对未知层级的object 如何做运算处理 。
接近 2 年之前 回复
 var begin_id = 8836;
    var sub_list = [{
        tid:8836,
        sub:[936,939,972]
    },{
        tid:936,
        sub:[872,811]
    },{
        tid:939,
        sub:[762,755,703]
    },{
        tid:972,
        sub:[644,691,672]
    },{
        tid:872,
        sub:[544]
    },{
        tid:811,
        sub:[435,435,435,435,435]
    }]
    function createFindByIdArray(arr){
        return function findById(id) {
            return arr.filter(item=>item.tid===id);
        }
    }
    const subArrFind=createFindByIdArray(sub_list);
    function createTreeObject(id,obj={}){
        const arr=subArrFind(id);
        if(arr.length){
            const item=arr[0];
            obj['tid']=item.tid;
            if(item.sub.length){
                obj.child=[];
                for(let i of item.sub){
                    obj.child.push(createTreeObject(i));
                }
            }
        }else{
            obj['tid']=id;
        }
        return obj;
    }
    const result=createTreeObject(begin_id);
    console.log(result);
qq_40050220
江山流水 回复zzgzzg00: 我好菜··· ······
接近 2 年之前 回复
zzgzzg00
似梦飞花 回复qq_40050220: 把const let改成var 函数参数里的xx={} 放到函数里就行了
接近 2 年之前 回复
qq_40050220
江山流水 有木有非ES6的写法呢?
接近 2 年之前 回复
var begin_id = 8836;
var sub_list = [{
    tid: 8836,
    sub: [936, 939, 972]
}, {
    tid: 936,
    sub: [872, 811]
}, {
    tid: 939,
    sub: [762, 755, 703]
}, {
    tid: 972,
    sub: [644, 691, 672]
}, {
    tid: 872,
    sub: [544]
}, {
    tid: 811,
    sub: [435, 435, 435, 435, 435]
}];
function myFind(id) {
    for (var i = 0, len = sub_list.length; i < len; i++) {
        if (sub_list[i].tid == id) {
            return sub_list[i];
        }
    }
    return -1;
}

function createObj(begin_id) {
    var tempObj = {};
    var temp = myFind(begin_id);
    if (temp != -1) {
        tempObj.tid = temp.tid;
        tempObj.child = [];
        if (temp.sub && temp.sub.length > 0) {
            for (var i = 0, len = temp.sub.length; i < len; i++) {
                tempObj.child.push(createObj(temp.sub[i]));
            }
        }
    }
    return tempObj;
}
 createObj(begin_id);

这就是个递归算法

var begin_id = 8836;
var sub_list = [{
    tid: 8836,
    sub: [936, 939, 972]
}, {
    tid: 936,
    sub: [872, 811]
}, {
    tid: 939,
    sub: [762, 755, 703]
}, {
    tid: 972,
    sub: [644, 691, 672]
}, {
    tid: 872,
    sub: [544]
}, {
    tid: 811,
    sub: [435, 435, 435, 435, 435]
}]

function convert(id) {
    var so = sub_list.filter(function(v){
        return id == v.tid;
    })[0];
    return so ? {
        tid: so.tid,
        child: so.sub.map(function(v){
                return convert(v);
            })
        } : id;
}
var obj = convert(begin_id);
console.log(JSON.stringify(obj,null,4));

楼主,这是后端返回给你的数据吗,如果是,js会自动转成对象的呀,你直接遍历就行

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐