Backbone.js length Collection

0 0 1 minute read

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= 
"https://code.jquery.com/jquery-2.1.3.min.js"> 
    </script> 
    <script type="text/javascript" src= 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"> 
      </script> 
    <script type="text/javascript" src= 
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"> 
      </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= 
"https://code.jquery.com/jquery-2.1.3.min.js"> 
    </script> 
    <script type="text/javascript" src= 
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"> 
      </script> 
    <script type="text/javascript" src= 
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"> 
      </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, zambiatek 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!