HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Array find() — find product</title>
</head>
<body>
  <h1>find() — product by id</h1>
  <pre id="out"></pre>
  <script>
    (function () {
      var products = [
        { id: 101, name: "Laptop", price: 1200 },
        { id: 102, name: "Smartphone", price: 800 },
        { id: 103, name: "Tablet", price: 400 }
      ];
      var product = products.find(function (p) {
        return p.id === 102;
      });
      document.getElementById("out").textContent = JSON.stringify(product);
    })();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript Array find() — find product (Try It)