首頁猿問 JavaScript...

JavaScript 怎么給一些有對應關(guān)系的數(shù)組封裝成對應的對象？

JavaScript

呼啦一陣風 2019-04-11 18:15:33

已知一個無序數(shù)組,有一個初始id根據(jù)這個初始ID 從數(shù)組中排出//處理后的結(jié)果 {tid:8836,child:[{tid:936,child:[...],tid:939...}]}//原始請求回來的數(shù)據(jù) 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] }]求大佬們救命啊，我們后端不給處理，讓我們自己處理一些對應關(guān)系的數(shù)組整理成map類型的數(shù)據(jù)

查看完整描述

7 回答

慕后森

TA貢獻1802條經(jīng)驗獲得超5個贊

用數(shù)組push方法，符合規(guī)律的組成一組，然后JSON的兩個方法把弄，剩下就是拼接字符串

反對回復 2019-05-13

慕蓋茨4494581

TA貢獻1850條經(jīng)驗獲得超11個贊

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);

反對回復 2019-05-13

人到中年有點甜

TA貢獻1895條經(jīng)驗獲得超7個贊

這就是個遞歸算法

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));

反對回復 2019-05-13

HUX布斯

TA貢獻1876條經(jīng)驗獲得超6個贊

 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);

反對回復 2019-05-13