En este artículo, analizaremos la colección findwhere de Backbone.js . La colección backbone.js findwhere se usa para recuperar y devolver el primer valor con el atributo coincidente especificado en la array de colección del modelo dado.
Sintaxis:
Backbone.Collection.findWhere(attribute)
Parámetro: Toma un solo parámetro.
- atributo: el atributo se utiliza para tomar un elemento de la colección de modelos y devolverlo si se encuentra en la colección.
Ejemplo 1: En este ejemplo, verificaremos con el nombre del atributo: ram.
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: "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>
Producción:
Actual Values:[{"name":"ram"},{"name":"shivam"},
{"name":"ram"},{"name":"ram"}]
Matched Attribute: {"name":"ram"}
Ejemplo 2: En este ejemplo, verificaremos con el nombre del atributo: shivam.
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: "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>
Producción:
Actual Values:[{"name":"ram"},{"name":"shivam"},
{"name":"ram"},{"name":"ram"}]
Matched Attribute: {"name":"shivam"}
Referencia: https://backbonejs.org/#Collection-findwhere
Publicación traducida automáticamente
Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA