Run results for: Lodash isEqual and then group vs only grouping messages

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

Browser: Chrome 66

Operating system: Linux

Device Platform: Other

Date tested: 6 years ago

Test name	Executions per second
Only isEqual	87817.4 Ops/sec
Only grouping	114092.1 Ops/sec
Both	53542.8 Ops/sec

HTML Preparation code:

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

Script Preparation code:

window.oldProps = [
  {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
];

window.newProps = [
  {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friendy" // <- change
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
    {
    createdAt: "Wed May 02 2018 18:06:52 GMT+0200 (CEST)",
    isOwn: true,
    message: "Hello my friend."
  },
];

var groupMessages = (msgs) =>  {
    return _.map(
      _.groupBy(_.sortBy(msgs, 'createdAt'), (message) => message.createdAt),
      (messages, date) => ({ date, messages }),
    );
  }

Tests:

Only isEqual
_.isEqual(window.oldProps, window.newProps)
Only grouping
groupMessages(window.newProps)
Both
if (!_.isEqual(window.oldProps, window.newProps)) { groupMessages(window.newProps); }

Run results for: Lodash isEqual and then group vs only grouping messages

Tests

Only isEqual

Only grouping

Both