In this article, we will discuss Backbone.js length collection. The Backbone.js length collection is used to return the total number of elements/values present in the model collection.
Syntax:
Backbone.Collection.length
Parameters: It takes no parameters.
Example 1: In this example, we will create a model array with one element and return the length.
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 data = Backbone.Model.extend({ defaults: { id: "1", name: "sravan kumar gottumukkala", age: "67" }, }); var data1 = Backbone.Collection.extend({ model: data }); var final = new data1({}); document.write( "Values:", JSON.stringify(final.toJSON()) ); document.write("<br>"); document.write("Length:", final.length); </script> </body> </html> |
Output:
Values:[{"id":"1","name":"sravan kumar gottumukkala","age":"67"}]
Length:1
Example 2: In this example, we will create a model array with four elements and return the length.
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: "ramya" }); var data4 = new datas({ name: "deepu" }); var final = new datacollection(); final.add([data1, data2, data3, data4]); document.write( "Values:", JSON.stringify(final.toJSON()) ); document.write("<br>"); document.write("Length:", final.length); </script> </body> </html> |
Output:
Values:[{"name":"ram"},{"name":"shivam"},{"name":"ramya"},{"name":"deepu"}]
Length:4
Reference: https://backbonejs.org/#Collection-length
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!
