HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>Lodash wrapper .chain() - hybrid vs explicit</title>

</head>

<body>

  <h1>Hybrid vs explicit chaining</h1>

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

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

  <script>

    (function () {

      var users = [
        { user: "barney", age: 36 },
        { user: "fred", age: 40 }
      ];

      var hybrid = _(users).head();

      var explicit = _(users).chain().head().pick("user").value();

      document.getElementById("out").textContent =
        "hybrid head():\n" + JSON.stringify(hybrid, null, 2) + "\n\n" +
        "explicit chain().head().pick():\n" + JSON.stringify(explicit, null, 2);

    })();

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Lodash wrapper .chain() - hybrid vs explicit (Try It)