const books = [{ id: "1", title: "Book title", areas: ["horror", "mystery"] }, { id: "2", title: "Book title 2", areas: ["friendship", "love", "history"] }, { id: "2", title: "Book title 3", areas: ["friendship", "scifi"] } ];Esta es mi matriz de libros y quiero hacer una nueva matriz dependiendo de las áreas. Por ejemplo, si el usuario hace clic en el botón - Horror, entonces quiero cargar solo libros que tengan horror en sus -áreas-, soy un novato en JS y no puedo encontrar la manera correcta de hacerlo. Quiero hacer una nueva matriz llamada filteredBooks. ¡Gracias por tu ayuda!
filter() -> utiliza una función de devolución de llamada cuyo valor de retorno decide qué se devolverá en la matriz filtrada. Si el valor devuelto es verdadero, el elemento se incluye en la matriz resultante.
includes() -> busca algo en una matriz de elementos usando == igualdad
const books = [{ id: "1", title: "Book title", areas: ["horror", "mystery"] }, { id: "2", title: "Book title 2", areas: ["friendship", "love", "history"] }, { id: "2", title: "Book title 3", areas: ["friendship", "scifi"] } ]; const filterValue = "horror"; const filteredBooks = books.filter(val => val.areas.includes(filterValue)); console.log(filteredBooks);Dado que ya existe una gran respuesta (de @Kirill Savik) para encontrar un libro de un género singular, aprovecharé esta oportunidad para ampliar la respuesta dada para que pueda abarcar una variedad de géneros desde los cuales mostrar libros con al menos uno de estos géneros.
Echa un vistazo a este fragmento:
const books = [ { id: "1", title: "Book title", areas: ["horror", "mystery"] }, { id: "2", title: "Book title 2", areas: ["friendship", "love", "history"] }, { id: "2", title: "Book title 3", areas: ["friendship", "scifi"] } ]; function filter_books(filters) { const filteredBooks = []; filters.forEach(filterValue => { filteredBooks.push(...books.filter(val => val.areas.includes(filterValue))); }); console.log(filteredBooks); }; filter_books(["horror", "scifi"]); // Outputs all books which have one or more of these ^ genres