Tengo una función simple que filtra una matriz.
Solo quiero el valor de la cadena, no el objeto completo.
¿Por qué regresa todo el objeto y no solo la cadena?
Obtengo el resultado deseado si cambio el retorno a una consola.log()
¿Algunas ideas?
Aquí está el código
const Array2 = [ { header: 'First name', HeaderIndex: 0}, { header: 'Last name', HeaderIndex: 1}, { header: 'Company', HeaderIndex: 2}, { header: 'Favorite food', HeaderIndex: 3}, { header: 'Favorite color', HeaderIndex: 4}, ] const testing = Array2.filter((obj) => { if(obj.HeaderIndex === 1) { return obj.header } } ) console.log(testing) // gives undesired output [{…}] 0: {header: 'Last name', HeaderIndex: 1} length: 1 [[Prototype]]: Array(0) const testing = Array2.filter((obj) => { if(obj.HeaderIndex === 1) { console.log(obj.header)} } ) // gives desired output "Last name"mi salida problemática está debajo, solo quiero devolver la cadena
[{…}] 0: {header: 'Last name', HeaderIndex: 1} length: 1 [[Prototype]]: Array(0)Actualizar*
Acepté la respuesta de Mayur porque resolvió mi problema en un caso de uso más grande. Aquí está mi caso de uso más grande a continuación, donde necesitaba fusionar estas dos matrices según el índice de Array1 que necesitaba coincidir con HeaderIndex de Array2
const Array1 = [ ['Alex', 'Boe', 'MeowWolf', 'pizza', 'pink'], ['Arron', 'Coe', 'Kmart', 'tofu', 'purple'], ['Jane', 'Doe', 'Sears', 'tacos', 'orange'], ['John', 'Eoe', 'YugiOh', 'blueberries', 'magenta'], ['Suzie', 'Boe', 'Toyota', 'steroids', 'blue'] ] const Array2 = [ { header: 'First name', HeaderIndex: 0}, { header: 'Last name', HeaderIndex: 1}, { header: 'Company', HeaderIndex: 2}, { header: 'Favorite food', HeaderIndex: 3}, { header: 'Favorite color', HeaderIndex: 4}, ] const testResult = Array1.map((arr) => arr.map((string) => { return {"ChosenHeader": Array2.filter((obj) => obj.HeaderIndex === arr.indexOf(string))[0]?.header, "content": string}} )) console.log(testResult) // desired output [ 0: {ChosenHeader: 'First name', content: 'Alex'} 1: {ChosenHeader: 'Last name', content: 'Boe'} 2: {ChosenHeader: 'Company', content: 'MeowWolf'} 3: {ChosenHeader: 'Favorite food', content: 'pizza'} 4: {ChosenHeader: 'Favorite color', content: 'pink'} ]El método de filtro de matriz siempre devuelve una nueva matriz con el resultado. En su ejemplo en la segunda prueba, cuando consola. lo registra, está imprimiendo este resultado dentro de la función, pero si consola. registra la variable (prueba), también debería tener una matriz como en la primera prueba.
Lo que debe hacer es después de haber devuelto la nueva matriz, use un forEach, un mapa o simplemente acceda al elemento con el índice (si siempre tendrá un solo resultado, siempre puede usar testing[0] ).
En realidad, en ese caso, es mejor que uses find insted filter :
const Array2 = [{ header: 'First name', HeaderIndex: 0},{ header: 'Last name', HeaderIndex: 1},{ header: 'Company', HeaderIndex: 2},{ header: 'Favorite food', HeaderIndex: 3},{ header: 'Favorite color', HeaderIndex: 4},]; const { header } = Array2.find((obj) => obj.HeaderIndex === 1); console.log(header); .as-console-wrapper{min-height: 100%!important; top: 0} Pero si tiene que usar un filter , simplemente use la desestructuración simple
const Array2 = [{ header: 'First name', HeaderIndex: 0},{ header: 'Last name', HeaderIndex: 1},{ header: 'Company', HeaderIndex: 2},{ header: 'Favorite food', HeaderIndex: 3},{ header: 'Favorite color', HeaderIndex: 4},]; const [{ header }] = Array2.filter((obj) => obj.HeaderIndex === 1); console.log(header); .as-console-wrapper{min-height: 100%!important; top: 0}