代码之家 › 专栏 › 技术社区 › Hsueh-Jen

我想用Lodash(而不是concat)组合两个Javascript数组

lodash arrays javascript

Hsueh-Jen · 技术社区 · 6 年前

我有两个像下面这样的数组

  const registers = [{ user: 'Allen', type: 'phone' }, { user: 'Eric', type: 'email' }];
  const dates = ['20171225', '20180914'];

我要他们像这样来

const result = [
  { user: 'Allen', type: 'phone', date: '20171225' }
  { user: 'Allen', type: 'phone', date: '20180914' }
  { user: 'Eric', type: 'email', date: '20171225' }
  { user: 'Eric', type: 'email', date: '20180914' }
];

我认为有一个适当的功能 Lodash 在这种情况下, 但我自己找不到。

4 回复 | 直到 6 年前

Orelsanpls 6 年前

const registers = [{
  user: 'Allen',
  type: 'phone',
}, {
  user: 'Eric',
  type: 'email',
}];

const dates = [
  '20171225',
  '20180914',
];

const arr = registers.reduce((tmp, x) => [
  ...tmp,

  ...dates.map(y => ({
    ...x,

    date: y,
  })),
], []);

console.log(arr);

Chris Li 6 年前

一种方法是使用reduce+forEach,但是任何双循环都应该可以工作。

const registers = [{ user: 'Allen', type: 'phone' }, { user: 'Eric', type: 'email' }];
const dates = ['20171225', '20180914'];
let answer = registers.reduce((acc, n) => {
  dates.forEach(x => {
    acc.push({user: n.user, type: n.type, date: x});
  });
  return acc;
 }, [])
 console.log(answer);

FK82 6 年前

在这种情况下,使用 洛达斯 不会产生太多代码缩减(您可以简单地替换对 _.map(a, ...) 具有 a.map(...) ). 但好吧,这里是:

const registers = [{ user: 'Allen', type: 'phone' }, { user: 'Eric', type: 'email' }];
const dates = ['20171225', '20180914'];
  
const result = _.map(registers, ({ user, type }) => _.map(dates, (date) => ({ user, type, date })));

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.core.js"></script>

-1

Farooq Ahmed Khan 6 年前

正如OP所说的使用lodash,这里有一个解决方案

洛达斯变体

var registers = [{ user: 'Allen', type: 'phone' }, { user: 'Eric', type: 'email' }];
var dates = ['20171225', '20180914'];

let result = _.map(registers, function(value, index, _source){
  return _.extend(value, { date: (dates[index] || null)});
});

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.core.min.js"></script>

香草JS变种

var registers = [{ user: 'Allen', type: 'phone' }, { user: 'Eric', type: 'email' }];
var dates = ['20171225', '20180914'];

let result = registers.map(function(value, index, _source){
  return Object.assign(value, { date: (dates[index] || null)});
});

console.log(result);

更新的答案

var registers = [{ user: 'Allen', type: 'phone' }, { user: 'Eric', type: 'email' }];
var dates = ['20171225', '20180914'];

const result = _.flatten(_.map(registers, function(value, index, _source){
  return _.map(dates, (v, i, _s) => _.extend(value, { date: v})); 
}));

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.core.js"></script>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

3 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

3 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

3 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

3 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前