如何在與其他數組匹配後刪除未使用的對象？

Question

我有對象的數組和名稱的另一個數組類似如下：

數組對象作爲文件的info對象

[ 
    { fieldname: 'banner', path: 'banner_img_path' }, 
    { fieldname: 'logo' , path: 'logo_img_path' }, 
    { fieldname: 'random', path: 'random_img_path' } 
] 

這裏是我的名字的數組

['banner', 'logo'] 

那麼我如何匹配或映射這兩個變量！請注意，映射或匹配後，所有未使用的對象應從原始對象數組中刪除？我需要得到這樣的對象

{ 
    banner: banner_img_path, 
    logo : logo_img_path 
} 

我能夠做匹配，但我堅持擦除那些沒有使用的對象。

注意：可能是這個問題重複，但只是因爲我不知道這個操作的名稱是什麼！ 請原諒我。

Answer 1

有通過使用功能性的原生JavaScript功能的簡單的解決方案。

const obj = [ 
 
    { fieldname: 'banner', path: 'banner_img_path' }, 
 
    { fieldname: 'logo', path: 'logo_img_path' }, 
 
    { fieldname: 'random', path: 'random_img_path' }, 
 
    { fieldname: 'other', path: 'random_img_path' } 
 
]; 
 

 
const names = ['banner', 'logo']; 
 

 
obj.map((o, i) => { 
 
\t let match = false; 
 
    names.some((item) => { 
 
    \t if (item === o.fieldname) { 
 
    \t match = true; 
 
    \t return true; 
 
    } 
 
    }); 
 
    if (!match) { 
 
    \t delete obj[i]; 
 
    } 
 
}); 
 
\t 
 

 
for (let o in obj) { 
 
\t document.querySelector('p').innerHTML += obj[o].fieldname + '<br>'; 
 
}

<p></p>

Answer 2

我將要保留的名稱添加到查找集中。然後，如果fieldname與名稱集合中的任何內容匹配，則使用forEach並檢查每個對象的內部。如果有匹配，我將它添加到我的newObj。

const namesToKeep = ['banner', 'logo'] 
 
const fileInfo = [ 
 
    { fieldname: 'banner', path: 'banner_img_path' }, 
 
    { fieldname: 'logo' , path: 'logo_img_path' }, 
 
    { fieldname: 'random', path: 'random_img_path' } 
 
] 
 

 
const names = new Set(namesToKeep) 
 
const newObj = {} 
 

 
fileInfo.forEach(obj => { 
 
    if (names.has(obj.fieldname)) { 
 
    newObj[obj.fieldname] = obj.path 
 
    } 
 
}) 
 
console.log(newObj)