HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>Lodash _.chain - user pipeline</title>

</head>

<body>

  <h1>_.chain - user data pipeline</h1>

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

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

  <script>

    (function () {

      var userData = [
        { firstName: "Ada", lastName: "Lovelace", age: 36 },
        { firstName: "Grace", lastName: "Hopper", age: 85 },
        { firstName: "Tim", lastName: "Berners-Lee", age: 16 }
      ];

      var processed = _.chain(userData)
        .filter(function (user) { return user.age >= 18; })
        .sortBy("lastName")
        .map(function (user) {
          return {
            fullName: user.firstName + " " + user.lastName,
            age: user.age
          };
        })
        .value();

      document.getElementById("out").textContent = JSON.stringify(processed, null, 2);

    })();

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Lodash _.chain - filter, sort, and map users (Try It)