HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>Lodash _.matchesProperty - shorthand</title>

</head>

<body>

  <h1>_.matchesProperty vs [path, value]</h1>

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

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

  <script>

    (function () {

      var users = [

        { id: 1, name: "John", status: "active" },

        { id: 2, name: "Alice", status: "inactive" },

        { id: 3, name: "Bob", status: "active" }

      ];

      var explicit = _.filter(users, _.matchesProperty("status", "active"));

      var shorthand = _.filter(users, ["status", "active"]);

      var lines = [

        "explicit:  " + JSON.stringify(explicit.map(function (u) { return u.name; })),

        "shorthand: " + JSON.stringify(shorthand.map(function (u) { return u.name; })),

        "",

        "Both forms return the same active users."

      ];

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

    })();

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Lodash _.matchesProperty - shorthand array (Try It)