如何使用 for in 循环遍历嵌套对象并返回连接的每个属性字符串？

Question

例如，我想将 first、middle 和 last 的属性值打印为串联字符串。

最终输出为：“John P. Doe”

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

检查这个sn-p

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]);
        }
    });
}