如何鏈接嵌套的json關係值對象與lodash？

Question

我想分配/合併（真的不知道哪個lodash函數）嵌套json對象。

我有以下JSON結構：

{ 
"sports": [{ 
     "id": "c60d0c48-151e-4fa2-bdf8-48cdfa77ad1d", 
     "name": "Soccer", 
     "slug": "soccer" 
    }], 
"competitions": [{ 
     "id": "4c19ca7c-4d17-46ce-bb4e-e25a4ebe5dbe", 
     "name": "English Premier League", 
     "sportId": "c60d0c48-151e-4fa2-bdf8-48cdfa77ad1d" 
    }], 
"contests": [{ 
     "id": "09cee598-7736-4941-b5f5-b26c9da113fc", 
     "name": "Super Domingo Ingles", 
     "status": "live", 
     "competitionId": "4c19ca7c-4d17-46ce-bb4e-e25a4ebe5dbe" 
    }] 
} 

我想與鏈接嵌套他們的關係一個contest對象。預期的對象是這樣的：

{ 
     "id": "09cee598-7736-4941-b5f5-b26c9da113fc", 
     "name": "Super Domingo Ingles", 
     "status": "live", 
     "competition": { 
      "id": "4c19ca7c-4d17-46ce-bb4e-e25a4ebe5dbe", 
      "name": "English Premier League", 
      "sport": { 
      "id": "c60d0c48-151e-4fa2-bdf8-48cdfa77ad1d", 
       "name": "Soccer", 
       "slug": "soccer" 
      } 
     } 
    }] 
} 

我怎樣才能得到這種使用lodash完成的關係？它也可以使用純JavaScript。

Answer 1

你不需要任何特殊的賦值操作符或lodash。您只需使用=。

ogObject = { 
 
"sports": [{ 
 
     "id": "c60d0c48-151e-4fa2-bdf8-48cdfa77ad1d", 
 
     "name": "Soccer", 
 
     "slug": "soccer" 
 
    }], 
 
"competitions": [{ 
 
     "id": "4c19ca7c-4d17-46ce-bb4e-e25a4ebe5dbe", 
 
     "name": "English Premier League", 
 
     "sportId": "c60d0c48-151e-4fa2-bdf8-48cdfa77ad1d" 
 
    }], 
 
"contests": [{ 
 
     "id": "09cee598-7736-4941-b5f5-b26c9da113fc", 
 
     "name": "Super Domingo Ingles", 
 
     "status": "live", 
 
     "competitionId": "4c19ca7c-4d17-46ce-bb4e-e25a4ebe5dbe" 
 
    }] 
 
}; 
 
newObject = ogObject.contests[0]; 
 
for(var i = 0; i<ogObject.competitions.length;i++){ 
 
    if(ogObject.competitions[i].id == newObject.competitionId){ 
 
     newObject.competition = ogObject.competitions[i]; 
 
     for(var j = 0; j<ogObject.sports.length;j++){ 
 
      if(ogObject.sports[j].id == newObject.competition.sportId){ 
 
       newObject.competition.sport = ogObject.sports[j]; 
 
       break; 
 
      } 
 
     } 
 
     break; 
 
    } 
 
} 
 
console.log(newObject)

這可能是從lodash一個內置的，但我對此表示懷疑。這需要預先了解您的模式與sportId和sports，competitionId和比賽等之間的關係。

Answer 2

沒有內置的lodash函數可以用來扁平化關係JSON結構。但是，這樣的事情應該爲你工作：

const sourceJSON = { 
 
    "sports": [{ 
 
      "id": "c60d0c48-151e-4fa2-bdf8-48cdfa77ad1d", 
 
      "name": "Soccer", 
 
      "slug": "soccer" 
 
     }], 
 
    "competitions": [{ 
 
      "id": "4c19ca7c-4d17-46ce-bb4e-e25a4ebe5dbe", 
 
      "name": "English Premier League", 
 
      "sportId": "c60d0c48-151e-4fa2-bdf8-48cdfa77ad1d" 
 
     }], 
 
    "contests": [{ 
 
      "id": "09cee598-7736-4941-b5f5-b26c9da113fc", 
 
      "name": "Super Domingo Ingles", 
 
      "status": "live", 
 
      "competitionId": "4c19ca7c-4d17-46ce-bb4e-e25a4ebe5dbe" 
 
     }] 
 
    } 
 

 
    function findSport(source, sportId) { 
 
    \t let sport = _.find(source['sports'], {id: sportId}); 
 
    \t if(!sport) { 
 
    \t \t return {}; 
 
    \t } 
 
    
 
    \t return { 
 
    \t \t id: sport.id, 
 
    \t \t name: sport.name, 
 
    \t \t slug: sport.slug, 
 
    \t } \t 
 
    } 
 
    
 
    function findCompetition(source, competitionId) { 
 
    \t let competition = _.find(source['competitions'], {id: competitionId}); 
 
    \t if(!competition) { 
 
    \t \t return {}; 
 
    \t } 
 
    
 
    \t return { 
 
    \t \t id: competition.id, 
 
    \t \t name: competition.name, 
 
    \t \t sport: findSport(source, competition.sportId), 
 
    \t } 
 
    } 
 
    
 
    function flattenContests(source) { 
 
    \t return _.map(source['contests'], (contest) => { 
 
    \t \t return { 
 
    \t \t \t id: contest.id, 
 
    \t \t \t name: contest.name, 
 
    \t \t \t status: contest.status, 
 
    \t \t \t competition: findCompetition(source, contest.competitionId), 
 
    \t \t } 
 
    \t }); \t 
 
    } 
 
    
 
    console.log(flattenContests(sourceJSON));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

注意，考慮到你原來的JSON，扁平的對象應該可能是contests數組（因爲contests本身是一個數組），而不是你期待的單一比賽對象。

Answer 3

你真的需要告訴我們你已經嘗試了什麼，以便我們可以告訴你有關你面臨的問題，否則你只是要求一個代碼編寫服務（$）。

但是，在ES2016中，您可以做到這一點。

'use strict'; 
 

 
const obj = { 
 
    sports: [{ 
 
    id: 'c60d0c48-151e-4fa2-bdf8-48cdfa77ad1d', 
 
    name: 'Soccer', 
 
    slug: 'soccer', 
 
    }], 
 
    competitions: [{ 
 
    id: '4c19ca7c-4d17-46ce-bb4e-e25a4ebe5dbe', 
 
    name: 'English Premier League', 
 
    sportId: 'c60d0c48-151e-4fa2-bdf8-48cdfa77ad1d', 
 
    }], 
 
    contests: [{ 
 
    id: '09cee598-7736-4941-b5f5-b26c9da113fc', 
 
    name: 'Super Domingo Ingles', 
 
    status: 'live', 
 
    competitionId: '4c19ca7c-4d17-46ce-bb4e-e25a4ebe5dbe', 
 
    }], 
 
}; 
 

 
const transformed = obj.contests.map((contest) => { 
 
    const competition = obj.competitions.find(item => item.id === contest.competitionId); 
 
    const sport = obj.sports.find(item => item.id === competition.sportId); 
 
    const sportLevel = { ...sport }; 
 
    const competitionLevel = { ...competition, sport: sportLevel }; 
 
    delete competitionLevel.sportId; 
 
    const contestLevel = { ...contest, competition: competitionLevel }; 
 
    delete contestLevel.competitionId; 
 
    return contestLevel; 
 
}); 
 

 
console.log(JSON.stringify(transformed, null, 2));