数组循环中的Jquery循环对象-console.log给出值​​但HTML给出[object]

我有一个JSON格式的数组,其中的对象如下:

[
    {
        name: 'pete',
        age: 43,
        addresses : [ 
                        { street: 'Streetway 1', city: 'New York' }, 
                        { street: 'Waystraat 2', city: 'Washington' } 
                    ]
    },
    {
        name: 'harry',
        age: 23,
        addresses : [ 
                        { street: 'Laneway 23', city: 'unknown' } 
                    ]
    }
]

我正在尝试使用jQuery显示数据,并使用如下$.each函数:

$.each(myArray, function(i, person) {
    $('#myDiv').append("
"+person.name+" ("+person.age+"), cities: "+ $.each(person.addresses, function(j, address){ address.city });+"
");
});

在person.name和person.age做工精细,但城市显示为[object Object].但是,当我尝试console.log或alert改为城市时,它们会很好(不是在物体中).

我很想知道我在这里做错了什么.

提前致谢!

您可能希望将街道映射并加入字符串:

myArray.forEach(function(person) {
  $('#myDiv').append(
    `

     ${person.name}(${person.age}),
     cities: ${person.addresses.map(a=>a.city).join(",")}
     
`
  );
});

上面的代码使用模板文字.您也可以使用"+ sth +"代替$ {sth} ... http://jsbin.com/pixogeciya/edit?output