HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>Lodash _(value) vs _.chain</title>

</head>

<body>

  <h1>_(value) vs _.chain(value)</h1>

  <pre id="out"></pre>

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

  <script>

    (function () {

      var data = [1, 2, 3, 4, 5];

      var shorthand = _(data)
        .map(function (x) { return x * 2; })
        .filter(function (x) { return x > 5; })
        .value();

      var explicit = _.chain(data)
        .map(function (x) { return x * 2; })
        .filter(function (x) { return x > 5; })
        .value();

      var lines = [
        "shorthand: " + JSON.stringify(shorthand),
        "explicit:  " + JSON.stringify(explicit),
        "equal: " + (JSON.stringify(shorthand) === JSON.stringify(explicit))
      ];

      document.getElementById("out").textContent = lines.join("\n");

    })();

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Lodash _(value) vs _.chain() (Try It)