首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何简化基于属性组合两个数组的es6函数?

如何简化基于属性组合两个数组的es6函数?
EN

Stack Overflow用户
提问于 2016-10-08 10:11:31
回答 3查看 69关注 0票数 2

我有两个数组,一个现有的集合和一个新的数组。我想通过以下方式将两者结合起来:

  • 从existingConversations中的所有元素开始
  • 对于新数组中的每个项,如果现有数组中不存在具有相同id的元素,那么我们将添加它。
  • 如果一个项目确实存在于同一个id中,那么只有当新项目的updated属性值大于现有项的updated属性值时,我们才会替换现有的项。
  • 如果它不大于我们只是忽略了新的元素。

我们不能修改传入的数组,必须返回组合数组。

代码语言:javascript
代码运行次数:0
运行
复制
function combineConversations(newConversations, existingConversations) {
  const combined = [...existingConversations];
  newConversations.forEach(conversation => {
    const existingConversationIndex = indexOfObject(combined, conversation.id , 'id');
    if (existingConversationIndex && conversation.updated > combined[existingConversationIndex].updated) {
      combined[existingConversationIndex] = conversation;
    } else {
      combined.push(conversation);
    }
  });
  return combined;
}

我想知道一种完整的功能方法。有一个吗?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-10-08 16:45:39

这样啊,原来是这么回事!

代码语言:javascript
代码运行次数:0
运行
复制
function combineConversations(myArr) {
  return myArr.filter((item1, pos, arr) =>
    arr.map(item2 => item1.id === item2.id && item1.updated === item2.updated).indexOf(true) === pos &&
    arr.every(item2 => !(item1 !== item2 && item1.id === item2.id && item1.updated < item2.updated))
  );
}
combineConversations([...newChat, ...oldChat]);

var oldChat = [
  {id: 1, updated: 1985, data: "coucou"},
  {id: 2, updated: 1995, data: "au revoir"},
  {id: 3, updated: 2003, data: "bonjour"},
  {id: 4, updated: 2016, data: "hallo"},
];

var newChat = [
  {id: 1, updated: 1986, data: "coucou"},
  {id: 2, updated: 2004, data: "bye"},
  {id: 3, updated: 2001, data: "bonjour"},
  {id: 5, updated: 2008, data: "vive le sport"}
];

var expected = [
  {id: 1, updated: 1986, data: "coucou"},
  {id: 2, updated: 2004, data: "bye"},
  {id: 3, updated: 2003, data: "bonjour"},
  {id: 4, updated: 2016, data: "hallo"},
  {id: 5, updated: 2008, data: "vive le sport"}
];

谢谢@kevin-ternet你的回答。你让我走上了正轨!

票数 0
EN

Stack Overflow用户

发布于 2016-10-08 12:07:35

是的,您可以使用这样的功能方法来完成它:

代码语言:javascript
代码运行次数:0
运行
复制
var oldChat = [
  {id: 1, updated: 1985, data: "coucou"},
  {id: 2, updated: 1995, data: "au revoir"},
  {id: 3, updated: 2003, data: "bonjour"}
];

var newChat = [
  {id: 1, updated: 1986, data: "coucou"},
  {id: 2, updated: 2004, data: "bye"},
  {id: 3, updated: 2001, data: "bonjour"},
  {id: 4, updated: 2008, data: "vive le sport"}
];

var result = (oldChat, newChat) => newChat.concat(oldChat).sort((a,b) => a.id-b.id).filter((item, index, arr) => index < arr.length - 1 ? item.id !== arr[index+1].id : true);
console.log(result(oldChat, newChat)); //[ { id: 1, updated: 1986, data: 'coucou' },
//{ id: 2, updated: 2004, data: 'bye' },
//{ id: 3, updated: 2003, data: 'bonjour' },
//{ id: 4, updated: 2008, data: 'vive le sport' } ]

编辑:我合并了旧数组和新数组,并对它们进行排序,获得具有相同id的附件,然后进行筛选,以保留具有唯一id或最新更新的数组。

票数 1
EN

Stack Overflow用户

发布于 2016-10-08 16:55:32

下面是解决您问题的另一种方法(我使用了@kevinternet示例,希望他不介意):

代码语言:javascript
代码运行次数:0
运行
复制
var oldChat = [
  {id: 1, updated: 1985, data: "coucou"},
  {id: 2, updated: 1995, data: "au revoir"},
  {id: 3, updated: 2003, data: "bonjour"}
];

var newChat = [
  {id: 1, updated: 1986, data: "coucou"},
  {id: 2, updated: 2004, data: "bye"},
  {id: 3, updated: 2001, data: "bonjour"},
  {id: 4, updated: 2008, data: "vive le sport"}
];

var intersect = oldChat.reduce((memo, val) => memo.concat(newChat.find(v => val.id === v.id && val.updated < v.updated) || val), []);
var diff = newChat.filter(x => !oldChat.some(y => y.id === x.id));

console.log(intersect.concat(diff));

这样做的目的是:

  1. 两个数组相交。这是一个特殊的交集:如果比较元素具有相同的ID,我们必须采用更新更多的元素,以便find具有特殊条件,新元素必须比旧元素更新得更多,否则,我们还没有找到正确的替换。
  2. 我们必须处理oldChatnewChat之间不常见的元素。由于我们执行了从oldChatnewChat的特殊交集(这保证了oldChat中的所有对象都将在新的对象中),所以我们执行从newChatoldChat的区别。
  3. 为了得到期望的结果,将特殊的交点与差分连接在一起。

希望能帮上忙。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39931146

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档