將JavaScript對象屬性與同一JavaScript對象中的另一個屬性進行映射
[英]Mapping JavaScript Object property with another property in same JavaScript Object
問題描述
我有一個JavaScript對象，我希望map()它是同一JavaScript對象中具有另一個id的Id ，我的JavaScript對象架構是
var items = [
{
BossId: "03",
DateOfBirth: "1966-09-27T00:00:00",
FamilyName: "Montejano",
Gender: "Unspecified",
GivenName: "Trinh",
Id: "08",
Title: "Tech Manager"
},
{
BossId: "00",
DateOfBirth: "1927-01-29T00:00:00",
FamilyName: "Fetzer",
Gender: "Unspecified",
GivenName: "Winfred",
Id: "00",
Title: "CEO"
},
{
BossId: "01",
DateOfBirth: "1927-08-20T00:00:00",
FamilyName: "Dandrea",
Gender: "Male",
GivenName: "Erich",
Id: "02",
Title: "VP of Marketing"
},
{
BossId: "01",
DateOfBirth: "1929-02-07T00:00:00",
FamilyName: "Nisbet",
Gender: "Male",
GivenName: "Reinaldo",
Id: "03",
Title: "VP of Technology"
},
{
BossId: "01",
DateOfBirth: "1932-06-13T00:00:00",
FamilyName: "Bufford",
Gender: "Unspecified",
GivenName: "Alleen",
Id: "04",
Title: "VP of HR"
},
{
BossId: "02",
DateOfBirth: "1936-09-26T00:00:00",
FamilyName: "Klopfer",
Gender: "Female",
GivenName: "Kristyn",
Id: "05",
Title: "Director of Marketing"
},
{
BossId: "01",
DateOfBirth: "1937-11-23T00:00:00",
FamilyName: "Duhon",
Gender: "Male",
GivenName: "Sophie",
Id: "01",
Title: "Tech Manager"
},
{
BossId: "03",
DateOfBirth: "1948-04-05T00:00:00",
FamilyName: "Mirabal",
Gender: "Female",
GivenName: "Suanne",
Id: "07",
Title: "Tech Manager"
},
{
BossId: "04",
DateOfBirth: "1966-10-13T00:00:00",
FamilyName: "Maslowski",
Gender: "Unspecified",
GivenName: "Norah",
Id: "09",
Title: "Tech Manager"
},
{
BossId: "06",
DateOfBirth: "1967-08-25T00:00:00",
FamilyName: "Redford",
Gender: "Female",
GivenName: "Gertrudis",
Id: "10",
Title: "Tech Lead"
},
{
BossId: "06",
DateOfBirth: "1968-12-26T00:00:00",
FamilyName: "Tobey",
Gender: "Male",
GivenName: "Donovan",
Id: "11",
Title: "Tech Lead"
},
{
BossId: "09",
DateOfBirth: "1969-10-16T00:00:00",
FamilyName: "Vermeulen",
Gender: "Male",
GivenName: "Rich",
Id: "12",
Title: "Trainer Lead"
},
{
BossId: "09",
DateOfBirth: "1972-10-16T00:00:00",
FamilyName: "Knupp",
Gender: "Male",
GivenName: "Santo",
Id: "13",
Title: "HR Manager"
},
{
BossId: "12",
DateOfBirth: "1974-03-23T00:00:00",
FamilyName: "Grooms",
Gender: "Female",
GivenName: "Jazmin",
Id: "14",
Title: "Trainer"
},
{
BossId: "13",
DateOfBirth: "1978-08-25T00:00:00",
FamilyName: "Cheeks",
Gender: "Female",
GivenName: "Annelle",
Id: "15",
Title: "Recruiter"
},
{
BossId: "15",
DateOfBirth: "1979-08-21T00:00:00",
FamilyName: "Harshaw",
Gender: "Unspecified",
GivenName: "Eliza",
Id: "16",
Title: "Trainer"
},
{
BossId: "08",
DateOfBirth: "1980-02-09T00:00:00",
FamilyName: "Broaddus",
Gender: "Unspecified",
GivenName: "Xiomara",
Id: "17",
Title: "Senior Software Developer"
},
{
BossId: "11",
DateOfBirth: "1981-09-08T00:00:00",
FamilyName: "Jungers",
Gender: "Unspecified",
GivenName: "Erminia",
Id: "18",
Title: "Software Developer"
},
{
BossId: "10",
DateOfBirth: "1984-03-18T00:00:00",
FamilyName: "Moffatt",
Gender: "Female",
GivenName: "Maria",
Id: "19",
Title: "Software Developer"
},
{
BossId: "10",
DateOfBirth: "1990-09-24T00:00:00",
FamilyName: "Grimaldo",
Gender: "Female",
GivenName: "Tammera",
Id: "20",
Title: "Senior Software Developer"
},
{
BossId: "10",
DateOfBirth: "1992-06-18T00:00:00",
FamilyName: "Das",
Gender: "Female",
GivenName: "Sharyl",
Id: "21",
Title: "Software Developer"
},
{
BossId: "08",
DateOfBirth: "1993-11-15T00:00:00",
FamilyName: "Harlan",
Gender: "Unspecified",
GivenName: "Shan",
Id: "22",
Title: "UI Developer"
},
{
BossId: "11",
DateOfBirth: "1997-03-23T00:00:00",
FamilyName: "Almeida",
Gender: "Female",
GivenName: "Mariah",
Id: "23",
Title: "QA Tester"
},
{
BossId: "11",
DateOfBirth: "1998-11-10T00:00:00",
FamilyName: "Kerfien",
Gender: "Male",
GivenName: "Darnell",
Id: "24",
Title: "QA Tester"
},
{
BossId: "11",
DateOfBirth: "2004-04-22T00:00:00",
FamilyName: "Vierra",
Gender: "Female",
GivenName: "Janell",
Id: "25",
Title: "QA Tester"
}
];
我想創建一個函數，當提供BossId時，該BossId將輸出向該老板報告的員工列表。 例如， BossId '03'的輸出為
[
{
"BossId": "03",
"DateOfBirth": "1966-09-27T00:00:00",
"FamilyName": "Montejano",
"Gender": "Unspecified",
"GivenName": "Trinh",
"Id": "08",
"Title": "Tech Manager"
},
{
"BossId": "03",
"DateOfBirth": "1948-04-05T00:00:00",
"FamilyName": "Mirabal",
"Gender": "Female",
"GivenName": "Suanne",
"Id": "07",
"Title": "Tech Manager"
}
]
我嘗試過的
items.map(res => ({
...res.Users,
Users: items
.filter(id => id.Id == id.BossId)
.map(({ Id, ...rest }) => rest)
}))
3 個解決方案
解決方案1
1 2018-12-19 21:18:12
您應該使用filter而不是map 。 Map始終會創建一個與原始數組相同長度的數組，而過濾將產生一個子集：
function getItemsByBossId (items, id) {
return items.filter(item => item.BossId === id)
}
解決方案2
1 2018-12-19 21:19:33
您可以使用filter（如djfdev所述）或自己創建函數
function provideID (mainItem, id) {
let arrayData = [] //We will push data to this array
for (let i=0; i<mainItem.length; i++) {
if (Number(mainItem[i]["BossId"]) === id) arrayData.push(mainItem[i])
}
return arrayData;
}
console.log(provideID(items, 10))
這里mainItem是您的數據數組對象，Id是您需要擁有數據所對應的BossID
請記住，您最有可能 傳遞整數，而BossID是字符串，因此您需要轉換其中之一 。
上面，我已經將BossID轉換為數字。 如果不需要的話，就可以做
if (mainItem[i]["BossId"] === id) arrayData.push(mainItem[i])
解決方案3
0 已采納 2018-12-19 21:27:14
您可以更進一步，為任何屬性（或其組合）創建通用過濾函數，如下所示：
function filterItemsBy (items, filter = {}) { const filterBy = Object.entries(filter).reduce( (acc, [key, value]) => item => item[key] === value && acc(item), () => true ) return items.filter(filterBy) } // usage const items = [{BossId:'03',DateOfBirth:'1966-09-27T00:00:00',FamilyName:'Montejano',Gender:'Unspecified',GivenName:'Trinh',Id:'08',Title:'Tech Manager'},{BossId:'00',DateOfBirth:'1927-01-29T00:00:00',FamilyName:'Fetzer',Gender:'Unspecified',GivenName:'Winfred',Id:'00',Title:'CEO'},{BossId:'01',DateOfBirth:'1927-08-20T00:00:00',FamilyName:'Dandrea',Gender:'Male',GivenName:'Erich',Id:'02',Title:'VP of Marketing'},{BossId:'01',DateOfBirth:'1929-02-07T00:00:00',FamilyName:'Nisbet',Gender:'Male',GivenName:'Reinaldo',Id:'03',Title:'VP of Technology'},{BossId:'01',DateOfBirth:'1932-06-13T00:00:00',FamilyName:'Bufford',Gender:'Unspecified',GivenName:'Alleen',Id:'04',Title:'VP of HR'},{BossId:'02',DateOfBirth:'1936-09-26T00:00:00',FamilyName:'Klopfer',Gender:'Female',GivenName:'Kristyn',Id:'05',Title:'Director of Marketing'},{BossId:'01',DateOfBirth:'1937-11-23T00:00:00',FamilyName:'Duhon',Gender:'Male',GivenName:'Sophie',Id:'01',Title:'Tech Manager'},{BossId:'03',DateOfBirth:'1948-04-05T00:00:00',FamilyName:'Mirabal',Gender:'Female',GivenName:'Suanne',Id:'07',Title:'Tech Manager'},{BossId:'04',DateOfBirth:'1966-10-13T00:00:00',FamilyName:'Maslowski',Gender:'Unspecified',GivenName:'Norah',Id:'09',Title:'Tech Manager'},{BossId:'06',DateOfBirth:'1967-08-25T00:00:00',FamilyName:'Redford',Gender:'Female',GivenName:'Gertrudis',Id:'10',Title:'Tech Lead'},{BossId:'06',DateOfBirth:'1968-12-26T00:00:00',FamilyName:'Tobey',Gender:'Male',GivenName:'Donovan',Id:'11',Title:'Tech Lead'},{BossId:'09',DateOfBirth:'1969-10-16T00:00:00',FamilyName:'Vermeulen',Gender:'Male',GivenName:'Rich',Id:'12',Title:'Trainer Lead'},{BossId:'09',DateOfBirth:'1972-10-16T00:00:00',FamilyName:'Knupp',Gender:'Male',GivenName:'Santo',Id:'13',Title:'HR Manager'},{BossId:'12',DateOfBirth:'1974-03-23T00:00:00',FamilyName:'Grooms',Gender:'Female',GivenName:'Jazmin',Id:'14',Title:'Trainer'},{BossId:'13',DateOfBirth:'1978-08-25T00:00:00',FamilyName:'Cheeks',Gender:'Female',GivenName:'Annelle',Id:'15',Title:'Recruiter'},{BossId:'15',DateOfBirth:'1979-08-21T00:00:00',FamilyName:'Harshaw',Gender:'Unspecified',GivenName:'Eliza',Id:'16',Title:'Trainer'},{BossId:'08',DateOfBirth:'1980-02-09T00:00:00',FamilyName:'Broaddus',Gender:'Unspecified',GivenName:'Xiomara',Id:'17',Title:'Senior Software Developer'},{BossId:'11',DateOfBirth:'1981-09-08T00:00:00',FamilyName:'Jungers',Gender:'Unspecified',GivenName:'Erminia',Id:'18',Title:'Software Developer'},{BossId:'10',DateOfBirth:'1984-03-18T00:00:00',FamilyName:'Moffatt',Gender:'Female',GivenName:'Maria',Id:'19',Title:'Software Developer'},{BossId:'10',DateOfBirth:'1990-09-24T00:00:00',FamilyName:'Grimaldo',Gender:'Female',GivenName:'Tammera',Id:'20',Title:'Senior Software Developer'},{BossId:'10',DateOfBirth:'1992-06-18T00:00:00',FamilyName:'Das',Gender:'Female',GivenName:'Sharyl',Id:'21',Title:'Software Developer'},{BossId:'08',DateOfBirth:'1993-11-15T00:00:00',FamilyName:'Harlan',Gender:'Unspecified',GivenName:'Shan',Id:'22',Title:'UI Developer'},{BossId:'11',DateOfBirth:'1997-03-23T00:00:00',FamilyName:'Almeida',Gender:'Female',GivenName:'Mariah',Id:'23',Title:'QA Tester'},{BossId:'11',DateOfBirth:'1998-11-10T00:00:00',FamilyName:'Kerfien',Gender:'Male',GivenName:'Darnell',Id:'24',Title:'QA Tester'},{BossId:'11',DateOfBirth:'2004-04-22T00:00:00',FamilyName:'Vierra',Gender:'Female',GivenName:'Janell',Id:'25',Title:'QA Tester'}] console.log(filterItemsBy(items, { BossId: '03' }))
如何將 javascript 對象屬性鏈接到同一對象的另一個屬性？
[英]How to link a javascript object property to another property of the same object?
Javascript - 使用來自相同 object 的另一個值更新 object 屬性
[英]Javascript - updating an object property with another value from the same object
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.