如何循環嵌套對象，使用for in循環並返回每個屬性字符串連接？

Question

例如，我想打印第一個，中間和最後作爲連接字符串的屬性值。

最終輸出的存在：「約翰·P·多伊」

var person = { 
    name: { 
     first: 'John', 
     middle: 'P', 
     last: 'Doe' 
    }, 
    age: 35, 
    homeTown: 'Nashville, TN' 
}; 

Answer 1

你並不需要一個循環，正好連接的屬性。

var fullname = person.name.first + ' ' + person.name.middle + ' ' + person.name.last; 

使用for-in循環將是一個壞主意，因爲對象不保證它們的順序。所以你最終可以用Doe John P.代替。

Answer 2

這些類型的問題已經發布了數百萬次，請求之前做一些研究。

反正：

alert(person.name.first + ' ' + person.name.middle + ' ' + person.name.last); 

Answer 3

您可以使用object.reduce這個

檢查這個片段

var person = { 
 
    name: { 
 
    first: 'John', 
 
    middle: 'P', 
 
    last: 'Doe' 
 
    }, 
 
    age: 35, 
 
    homeTown: 'Nashville, TN' 
 
}; 
 

 

 
var nameObject = person.name; 
 

 
var fullname = Object.keys(nameObject).reduce(function(previous, key) { 
 
    return previous +" "+ nameObject[key]; 
 
}, ""); 
 

 
console.log(fullname);

希望它可以幫助

Answer 4

您可以使用數組作爲想要的屬性名稱（這會保留順序）並映射值並將其加入到空格分隔的字符串中。

var person = { name: { first: 'John', middle: 'P', last: 'Doe' }, age: 35, homeTown: 'Nashville, TN' }; 
 

 
console.log(['first', 'middle', 'last'].map(function (k) { 
 
    return person.name[k]; 
 
}).join(' '));

Answer 5

你可以用解構賦值

var person = { 
 
    name: { 
 
     first: 'John', 
 
     middle: 'P', 
 
     last: 'Doe' 
 
    }, 
 
    age: 35, 
 
    homeTown: 'Nashville, TN' 
 
}; 
 

 
var {first, middle, last} = person.name; 
 

 
var fullname = `${first} ${middle} ${last}`; 
 

 
console.log(fullname);

Answer 6

由於Barmar的回答表明，你的例子只需要一個簡單的連接來給你的結果。

但是，在更一般的情況下，您需要迭代對象的每個屬性，並且如果該屬性是對象，那麼也遍歷該對象。

例如：

function iterateThroughAllProperties(obj) { 
    Object.keys(obj).forEach(function(key, index) { 
     if(typeof obj[key] !== null && typeof obj[key] === 'object') { 
      iterateThroughAllProperties(obj[key]); 
     } 
     else { 
      // Do something with the property. 
      console.log(obj[key]); 
     } 
    }); 
}