In this article, we will discuss the Backbone.js findWhere collection. The Backbone.js findWhere collection is used to retrieve and return the first value with the specified matched attribute in the given model array of collection.
Syntax:
Backbone.Collection.findWhere(attribute)
Parameter: It takes a single parameter.
- attribute: attribute is used to take an element from the model collection and return if it is found in the collection.
Example 1: In this example, we will check with the attribute name:ram.
HTML
<!DOCTYPE html><html>Â
<head>Â Â Â Â <script type="text/javascript" src=Â Â Â Â </script>Â Â Â Â <script type="text/javascript" src=Â Â Â Â </script>Â Â Â Â <script type="text/javascript" src=Â Â Â Â </script></head>Â
<body>Â Â Â Â <script type="text/javascript">Â Â Â Â Â Â Â Â var datas = Backbone.Model.extend({Â Â Â Â Â Â Â Â Â Â Â Â defaults: {Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â name: "sravan"Â Â Â Â Â Â Â Â Â Â Â Â }Â Â Â Â Â Â Â Â });Â
        var datacollection = Backbone.Collection.extend({            model: datas        });Â
        var data1 = new datas({ name: "ram" });        var data2 = new datas({ name: "shivam" });        var data3 = new datas({ name: "ram" });        var data4 = new datas({ name: "ram" });Â
        var final = new datacollection();        final.add([data1, data2, data3, data4]);Â
        document.write(          "Actual Values:",          JSON.stringify(final.toJSON())        );        document.write("<br>");          // Using the findWhere() method        var result1 = final.findWhere({ name: "ram" });        document.write(          "Matched Attribute: ",          JSON.stringify(result1)        );    </script></body>Â
</html> |
Output:
Actual Values:[{"name":"ram"},{"name":"shivam"},
{"name":"ram"},{"name":"ram"}]
Matched Attribute: {"name":"ram"}
Example 2: In this example, we will check with attribute name:shivam.
HTML
<!DOCTYPE html><html>Â
<head>Â Â Â Â <script type="text/javascript" src=Â Â Â Â </script>Â Â Â Â <script type="text/javascript" src=Â Â Â Â </script>Â Â Â Â <script type="text/javascript" src=Â Â Â Â </script></head>Â
<body>Â Â Â Â <script type="text/javascript">Â Â Â Â Â Â Â Â var datas = Backbone.Model.extend({Â Â Â Â Â Â Â Â Â Â Â Â defaults: {Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â name: "sravan"Â Â Â Â Â Â Â Â Â Â Â Â }Â Â Â Â Â Â Â Â });Â
        var datacollection = Backbone.Collection.extend({            model: datas        });Â
        var data1 = new datas({ name: "ram" });        var data2 = new datas({ name: "shivam" });        var data3 = new datas({ name: "ram" });        var data4 = new datas({ name: "ram" });Â
        var final = new datacollection();        final.add([data1, data2, data3, data4]);Â
        document.write(          "Actual Values:",          JSON.stringify(final.toJSON())        );        document.write("<br>");Â
        // Using the findWhere() method        var result1 = final.findWhere(          { name: "shivam" }        );        document.write(          "Matched Attribute: ",          JSON.stringify(result1)        );    </script></body>Â
</html> |
Output:
Actual Values:[{"name":"ram"},{"name":"shivam"},
{"name":"ram"},{"name":"ram"}]
Matched Attribute: {"name":"shivam"}
Reference: https://backbonejs.org/#Collection-findWhere
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
