【问题标题】:Loop two arrays in javascript在javascript中循环两个数组
【发布时间】:2020-02-13 15:32:01
【问题描述】:

我有两个循环的问题。

yellow=[
         {
          beta: {
               id: '25',
               name: 'tata'
           }
         }
        ]
home=[
       {
          house : [
          {
             title: 'alpha',
             name : 'Vik',
          },
          {
             title: 'alpha1',
             name : 'Vik1',
          },
        ]
      }]

我想要这个:

villa=[
        {
            beta:{ 
            id: 'toto', name: 'tata'
            },
          title: 'alpha',
          name : 'Vik'
        },
        {
            beta:{ 
            id: 'toto', name: 'tata'
            },
          title: 'alpha1',
          name : 'Vik1'
        }
      }
     ]

抱歉,我已经编辑了数组

我尝试使用 home.push(yellow) 循环查看,但结果错误。

你能帮帮我吗?

谢谢

【问题讨论】:

  • 请发布您的尝试。
  • 还有home有语法错误
  • 黄色是一个数组。尝试只推送对象。
  • 目前还不清楚您要达到的目标。您能否提供一个更清晰的示例和您的尝试。
  • 问题不清楚且格式不正确。请添加您尝试过的可能尝试。

标签: javascript arrays loops foreach


【解决方案1】:

尝试这样做

假设黄色数组只有一项

const yellow=[{beta: {id: '25', name: 'tata'}}];
const home=[{title: 'alpha', name : 'Vik'},
 {'alpha1', name : 'Vik1'} ];

// Assume the yellow array has only 1 item
const result = home.map((item)=>{
  return {...item,...yellow[0]}
});

循环两个数组并假设两个数组的长度相同

const yellow=[{beta: {id: '25', name: 'tata'}}];
const home=[{title: 'alpha', name : 'Vik'},
 {'alpha1', name : 'Vik1'} ];

// Assume the yellow array has only 1 item
const result = home.map((item,index)=>{
  return {...item,...yellow[index]}
});

【讨论】:

    【解决方案2】:

    好吧,如果你的 home 值是正确的,比如:

    yellow = [{beta: {id: '25', name: 'tata'}}];
    home = [{title: 'alpha', name : 'Vik'},{title: 'alpha1', name : 'Vik1'}];
    

    那么我相信你正在寻找的东西会是这样的:

    home.reduce((res, h) => {
        yellow.forEach(y => {
            h.beta = y.beta;
            res.push(h)
        });
        return res;
    }, []);
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-11-22
      • 1970-01-01
      • 2020-01-14
      • 2014-05-14
      • 2015-11-13
      • 2014-04-15
      相关资源
      最近更新 更多