需要優雅的方法從Javascript中的json映射中將值提取為String

Question

我是一個JS新手，試圖從json映射數組中提取一些值。 該地圖類似於：

 var tags = [{ Key: 'backup', Value: 'true' }, { Key: 'Name', Value: 'sdlc-root' } ] // Here is my first attempt: var volName = tags.filter(function(item) { return item.Key === 'Name'; }) .map(result => { return result.Value; }); console.log(volName); 

結果是： [ 'sdlc-root' ] ，但是我只需要String值。

我現在采取的臨時解決方案是：

var volName = tags.filter(function(item) { return item.Key === 'Name'; })
                  .map(result => { return result.Value; })**[0]**;
console.log(volName);    

結果是： sdlc-root

我討厭我的臨時解決方案，並且想聽聽經驗豐富的開發人員的一些改進建議或替代方案

Answer 1

您可以找到該元素或默認對象，並獲取想要的屬性。

var volName = (tags.find(({ Key }) => Key === 'Name') || {}).Value;

Answer 2

編寫如下的自定義函數

 var tags = [{ Key: 'backup', Value: 'true' }, { Key: 'Name', Value: 'sdlc-root' } ] function f(tags) { for (i = 0; i <= tags.length; i++) { if (tags[i] && tags[i]['Key'] === 'Name') { return tags[i]['Value'] } } } console.log(f(tags)) 

Answer 3

const tagsObj = tags.reduce((a, c) => { a[c.Key] = c.Value; return a }, {})
// {backup: "true", Name: "sdlc-root"}
console.log(tagsObj["Name"])
// "sdlc-root"