Returning a array of objects by reducing and array

Question

I'm trying to return an array of objects from an array. So for example. I have an array of strings:

const strArr = ["Some", "Thing"];

And I need to return an Array with 2 objects for each position from the strArr, for example:

result:
[{first_key: "Some"}, {second_key: "Some"}, {first_key: "Thing"}, {second_key: "Thing"}]

I have done this, which works, but I rather work without let:

const numeros = ["some", 'thing']
let arr = [];
numeros.map(valor => {
    const titleContains = {
      title_contains: valor,
    }
    const bodyContains = {
      body_contains: valor,
    }
    
    arr.push(titleContains);
    arr.push(bodyContains);
});

console.log(arr)

This code gives me the right result, althought map is being used wrong and I'm have to use a let which I don't want to.

Nina Scholz · Accepted Answer · 2021-11-23 16:32:15Z

2

You could take Array#flatMap and return two objects for each value.

const
    data = ["Some", "Thing"],
    result = data.flatMap(valor => [{ first_key: valor }, { second_key: valor }]);

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Nov 23, 2021 at 16:32

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Max · Accepted Answer · 2024-04-11 08:31:05Z

0

Here's a version with a reduce, you can read more about it here

const numeros = ["some", 'thing']
const arr = numeros.reduce((acc, valor) => {
    const titleContains = {
      title_contains: valor,
    }
    const bodyContains = {
      body_contains: valor,
    }
    
    acc.push(titleContains);
    acc.push(bodyContains);
    return acc;
}, []); // <==== note an empty array here.

console.log(arr)

edited Apr 11, 2024 at 8:31

answered Nov 23, 2021 at 16:32

Max

2,0361 gold badge12 silver badges18 bronze badges

Collectives™ on Stack Overflow

Returning a array of objects by reducing and array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related