javascript 对象数组与Lodash的深度比较

lqfhib0f 于 2023-04-04 发布在 Java

关注(0)|答案(4)|浏览(132)

我有一个系统，我想在用户执行某些操作时向他们显示有用的消息。然而，根据用户的不同，如果我们知道他们已经熟悉特定的操作，我们可能会选择不显示消息。
我有两个多维数组，我需要比较它们，以确定是否应该显示消息。一个包含用户分类，另一个包含所有消息。
我的问题是，编码风格在可能的情况下更喜欢使用Lodash助手，我不太精通它。
下面的代码实现了我想要的功能，但它显然不够美观，性能也不高。

// user classification for each type of action     
const classifications = [
  {
    status: 'basic',
    actionTypes: [
      'copy', 'paste'
    ],
  },
  {
    status: 'basic',
    actionTypes: [
      'buy', 'sell'
    ],
  },
  {
    status: 'professional',
    actionTypes: [
      'drag', 'drop'
    ],
  }
];

// array of messages for each set of actions
const messages = [
  {
    message: 'foo',
    actionTypes: [
      'copy', 'paste'
    ],
  },
  {
    message: 'bar',
    actionTypes: [
      'buy', 'sell'
    ],
  },
  {
    message: 'baz',
    actionTypes: [
      'drag', 'drop'
    ],
  }
];

// returns only messages for which the user is not professional
function getMappedMessages() {

  const basicClassifications = _.filter(classifications, ['status', 'basic']);
  const filteredMessages = [];  

  for (let i = 0; i < basicClassifications.length; i++) {
    for (let j = 0; j < basicClassifications[i].actionTypes.length; j++) {
      for (let k = 0; k < messages.length; k++) {
         if (_.includes(messages[k].actionTypes, basicClassifications[i].actionTypes[j])) {
           filteredMessages.push(messages[k]);
           break;
         }
      }      
    }
  }

  return filteredMessages;
}


console.log(getMappedMessages());

<script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>

（Also available on JSBin）
正如你所看到的，每一组动作（例如“复制”和“粘贴”）都有一个消息，用户有一个对应的动作集和一个分类。如果分类不是专业的，我匹配两个内部数组（对于外部数组中的每个对象），并返回只包含“基本”消息的对象。
这两个数组很可能是相同的（所以我可以做一个直接的比较，也许用_.difference？），但我不确定。
我如何使这个怪物更可读和性能？我应该做一些扁平化？
数据来自两个不同的端点，我不能修改结构。

JavaScript

来源：https://stackoverflow.com/questions/44641605/deep-comparison-of-object-arrays-with-lodash

4条答案

按热度按时间

oxiaedzo1#

_.isEqual()会做你想做的。
至于清理它，我建议要么把它展平，要么把它分成几个函数，这样你至少可以更好地理解到底发生了什么。

赞(0）回复(0）举报 2023-04-04

whlutmcx2#

您可以使用lodash#keyBy将所有分类按其actionTypes作为键进行索引。使用索引分类作为使用lodash#filter保留不属于professional状态的消息的一种方式。

// index all classifications by their actionTypes
var indexes = _.keyBy(classifications, 'actionTypes');

// get all non-profiessional messages
var nonProMessages = _.filter(messages, function(message) {
  // path to get the status matching the 
  // actionType of this message
  var key = [message.actionTypes, 'status'];
  // compare the status represented by the message
  return _.get(indexes, key) !== 'professional';
});

x一个一个一个一个x一个一个二个一个x一个一个三个一个

赞(0）回复(0）举报 2023-04-04

aelbi1ox3#

有很多方法可以改进代码。我做的第一件事是执行过滤器，Map，减少。

filter：将数组缩短为我们需要的元素
map：将数组中的每个对象转换为仅ActionTypes
reduce：将所有ActionType连接到一个数组中

const classifications = [{
    status: 'basic',
    actionTypes: [ 'copy', 'paste'],
  },
  {
    status: 'basic',
    actionTypes: [ 'buy', 'sell' ],
  },
  {
    status: 'professional',
    actionTypes: [ 'drag', 'drop' ],
  }
];

const messages = [{
    message: 'foo',
    actionTypes: [ 'copy', 'paste' ],
  },
  {
    message: 'bar',
    actionTypes: ['buy', 'sell'],
  },
  {
    message: 'baz',
    actionTypes: [ 'drag', 'drop' ],
  }
];

function getBasicActionTypes() {
  return classifications
    .filter(c => c.status === 'basic')
    .map(c => c.actionTypes)
    .reduce((a,b) => a.concat(b), []);
}

function getMessages(actionTypes) {
  return messages
  .filter(m => m.actionTypes.some(a => actionTypes.indexOf(a) > -1));
}

function getMessagesFromSet(actionTypeSet) {
  return messages
  .filter(m => m.actionTypes.some(a => actionTypeSet.has(a)));
}

const arr = getBasicActionTypes();
const m1 = getMessages(arr);
const s = new Set(arr);
const m2 = getMessagesFromSet(s);

console.log(m2);

<script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>

我必须以结果数组m1和m2为例，它们都包含相同的元素。区别在于m2是从ES6 Set派生的，但应该更快。

赞(0）回复(0）举报 2023-04-04

lndjwyie4#

当然，大部分都可以在纯ES6/ES 7中实现。但是您要求使用lodash，因此这里有一些惯用的lodash。
链接非常酷，因为它基本上为您提供了一个值的 Package 器，这就是为什么当您使用chain()时，必须在最后调用value()。
它允许你按顺序链接任何你想要的lodash函数，你不受输出是数组或对象等的限制。

const getMappedMessages = (classifications, messages) => {
  const classActionsMap =  _.chain(classifications)
    .filter(['status', 'basic'])
    .map(_.get('actionTypes')))
    .reduce((prev, curr) => { 
      const key = JSON.stringify(curr);
      Object.assign(prev, {[key]: true}) 
    }, {})
    .value();

   return _.filter(messages, msg => classActionsMap[msg.actionTypes]);
 }

赞(0）回复(0）举报 2023-04-04

我来回答

javascript 对象数组与Lodash的深度比较

4条答案

相关问题

热门标签

最新问答