關(guān)于javascript中對(duì)象的操作的問(wèn)題

https://jsfiddle.net/20170808...

請(qǐng)問(wèn)如何才能輸出如下格式↓
//王俊凱王源易烊千璽
//蔡依林
//阿嬌阿Sa

var data = [
{
  singer: [
    {name: '王俊凱',age: 18}, 
    {name: '王源',age: 20}, 
    {name: '易烊千璽',age: 18}]}, 
{
  singer: [{name: '蔡依林',age: 33}]}, 
{
  singer: [
    {name: '阿嬌',age: 31},
    {name: '阿Sa',age: 30}]
}]

data.forEach((item) => {
  item.singer.forEach(v=>{
    console.log(v.name)
  })
});
現(xiàn)在是一個(gè)一個(gè)輸出人名
//王俊凱
//王源
//易烊千璽
//蔡依林
//阿嬌
//阿Sa

請(qǐng)問(wèn)如何才能輸出如下格式(在一個(gè)組的一起輸出)↓
//王俊凱 王源 易烊千璽
//蔡依林
//阿嬌 阿Sa

回答

編輯回答

妖妖

data.forEach( (dataItem,index)=>{
      var str = ''
      dataItem.singer.forEach( (singerItem,index)=>{
        str += (singerItem.name + ',')
      })
      console.log(str.slice(0,str.length-1) )
        
})

2018年4月1日 23:48

編輯回答

舊酒館

data.forEach(o=>{
    var name = o.singer.map(a=>a.name).join(" ")
    console.log(name)
})

兼容的話(huà)用babel轉(zhuǎn)一下

2018年1月10日 02:54

編輯回答

荒城

var data = [
    {
      singer: [
            {name: '王俊凱',age: 18}, 
            {name: '王源',age: 20}, 
            {name: '易烊千璽',age: 18}
        ]
    }, 
    {
      singer: [{name: '蔡依林',age: 33}]
    }, 
    {
      singer: [
        {name: '阿嬌',age: 31},
        {name: '阿Sa',age: 30}]
    }
]

data.forEach(obj => {
    console.log(obj.singer.map(item => item.name).join(" "));
})

2018年9月3日 07:54

編輯回答

掛念你

var data = [
{
  singer: [
    {name: '王俊凱',age: 18}, 
    {name: '王源',age: 20}, 
    {name: '易烊千璽',age: 18}]}, 
{
  singer: [{name: '蔡依林',age: 33}]}, 
{
  singer: [
    {name: '阿嬌',age: 31},
    {name: '阿Sa',age: 30}]
}];
for(let i=0; i<data.length; i++){
    let arr = [];
    data[i].singer.map((item)=>{
        arr.push(item.name);
    })
    console.log(arr.join(' '))
}

復(fù)制到控制臺(tái)去試試吧。

2017年1月19日 05:14