En este artículo, discutiremos la colección de longitudes de Backbone.js . La colección de longitud de Backbone.js se usa para devolver el número total de elementos/valores presentes en la colección de modelos.
Sintaxis:
Backbone.Collection.length
Parámetros: No toma parámetros.
Ejemplo 1: en este ejemplo, crearemos una array modelo con un elemento y devolveremos la longitud.
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>
Producción:
Values:[{"id":"1","name":"sravan kumar gottumukkala","age":"67"}]
Length:1
Ejemplo 2: en este ejemplo, crearemos una array modelo con cuatro elementos y devolveremos la longitud.
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>
Producción:
Values:[{"name":"ram"},{"name":"shivam"},{"name":"ramya"},{"name":"deepu"}]
Length:4
Referencia: https://backbonejs.org/#Collection-length
Publicación traducida automáticamente
Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA