Actualmente tengo una función que devuelve un valor para cada elemento de mi matriz, hasta un número máximo. Se parece a esto
const myArray = [ { url: "example.com/1", other: "foo" }, { url: "example.com/sdf", other: "foo" }, { url: "example.com/blue", other: "foo" }, { url: "example.com/foo", other: "foo" }, { url: "example.com/123", other: "foo" }, ]; function getNumberOfUrls(data, num) { const newArray = []; data?.forEach(function (datum) { if (newArray.length < num) { newArray.push(datum.url); } }); return newArray; } // Output //["example.com/1", "example.com/sdf", "example.com/blue"] Simplemente devuelve la url de cada objeto de la matriz hasta que alcanza el límite proporcionado. Funciona bien, pero estaba tratando de explorar si hay una función de matriz más adecuada que debería usar.
Sé que Array.filter crea una nueva matriz en función de si el elemento iterado pasa una condición particular, pero me preguntaba si podría usarse para verificar si algo más pasa la condición, en este caso, la matriz principal.
function getNumberOfUrls(data, num) { return data.filter(datum => /* return url until we hit .length === num in data? */ ) };¿Cómo puedo hacer que esto funcione o hay un método de matriz más adecuado para lograrlo?
ETA: la matriz de ejemplo original no pintó la imagen completa. Ahora he agregado más datos para mostrar el problema. No quiero devolver una matriz con solo los primeros tres objetos, solo quiero devolver el valor de url de los primeros tres objetos.
La forma más corta de hacer esto es usando Array.slice :
const myArray = [ { url: "example.com/1" }, { url: "example.com/sdf" }, { url: "example.com/blue" }, { url: "example.com/foo" }, { url: "example.com/123" }, ] const limit = 3 const shorterArray = myArray.slice(0, limit).map(item => item.url) console.log(shorterArray)Eliminé mi otro código, ya que era ineficiente y no debería usarse.
Un enfoque sería usar Array.from() y su asignador interno
const myArray = [ { url: "example.com/1" }, { url: "example.com/sdf" }, { url: "example.com/blue" }, { url: "example.com/foo" }, { url: "example.com/123" }, ]; function getNumberOfUrls(data, num) { return Array.from({length:num}, (v,i) => data[i].url) } console.log(getNumberOfUrls(myArray, 3))Simplemente puede establecer la longitud de la matriz recién asignada
Editar : el .map() se usa ya que la matriz final es diferente a la matriz inicial (solo las direcciones URL en final en lugar de los objetos en la matriz inicial)
const myArray = [ { url: "example.com/1" }, { url: "example.com/sdf" }, { url: "example.com/blue" }, { url: "example.com/foo" }, { url: "example.com/123" }, ]; function getNumberOfUrls(data, num) { let newArray = data.map(el => el.url); newArray.length = num; return newArray; } console.log(getNumberOfUrls(myArray, 3))