La colección de extracción de Backbone.js se utiliza para extraer un atributo de cada modelo de la colección. Este método es equivalente a la función de mapa y devuelve un solo valor de atributo de cada modelo. Este método toma el nombre del atributo como un parámetro que debe obtenerse del modelo.
Sintaxis:
collection.pluck( attr );
Parámetro:
- attr: Es el nombre del atributo del modelo que debe recuperarse del modelo.
Ejemplo 1: En este ejemplo, ilustraremos la colección de extracción de Backbone.js. Aquí seleccionaremos el atributo de título de cada modelo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS pluck collection</title>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"
type="text/javascript"></script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS pluck collection</h3>
<script type="text/javascript">
var Book = Backbone.Model.extend();
var books = Backbone.Collection.extend({
model: Book,
});
var Library = new books();
var b1 = new Book({
title: "Ram",
Author: "Amish Tripathi",
vol: 1
});
var b2 = new Book({
title: "Lolita",
Author: "Vladimir Nabokov",
vow: 2
});
Library.add(b1);
Library.add(b2);
var temp = Library.pluck("title");
document.write("Title of Books are : <br> ");
for (let x of temp) document.write(`${x}, <br>`);
</script>
</body>
</html>
Producción:
Colección de extracción de Backbone.js
Ejemplo 2: En este ejemplo, extraeremos todos los atributos del Modelo y veremos el valor de los atributos.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS pluck collection</title>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.2/backbone-min.js"
type="text/javascript"></script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS pluck collection</h3>
<script type="text/javascript">
var Book = Backbone.Model.extend();
var books = Backbone.Collection.extend({
model: Book,
});
var Library = new books();
var b1 = new Book({
title: "Ram",
Author: "Amish Tripathi",
vol: 1
});
var b2 = new Book({
title: "Lolita",
Author: "Vladimir Nabokov",
vol: 2
});
var b3 = new Book({
title: "The Palace of Illusion",
Author: "Chitra Banerjee",
vol: 1
});
var b4 = new Book({
title: "Wings of Fire",
Author: "A. P. J. Abdul kalam",
vol: 1
});
Library.add(b1);
Library.add(b2);
Library.add(b3);
Library.add(b4);
var temp = Library.pluck("title");
var temp1 = Library.pluck("Author");
var temp2 = Library.pluck("vol");
document.write("Details of Books are : <br> ");
for (let x = 0; x < temp.length; x++)
document.write(`${temp[x]} volume ${temp2[x]}
is write by ${temp1[x]},<br>`);
</script>
</body>
</html>
Producción:
Colección de extracción de Backbone.js
Referencia: https://backbonejs.org/#Collection-pluck
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA