Creating new array with specific objects from another array - Javascript

Question

In javascript I have an array "cardsUsuario" and I need to create a newArray only with the values of . text that will enter in the cardUsuario. At some point I need to give a . push and it will be added at the end of the cartsUsuario array an object in this model {text: "A ", value: 11}.

let cartasUsuario = []
let novoArray = []


(3) [{…}, {…}, {…}]
0: {texto: "A♠️", valor: 11}
1: {texto: "2♥️", valor: 2}
2: {texto: "3♥️", valor: 3}

What I need to do to create another array with the concatenated content I receive from . text?

console.log(`${cartasUsuario[0].texto + cartasUsuario[1].texto + cartasUsuario[2].texto} = pontuação ${usuarioValor}`)

I could use Swahili[0]. text, lettersUsuario[1]. text etc but it would look great when more cards come in. I wanted something that would solve this in a more practical way.

Answer 1

To create a new array with only the text property it is necessary to iterate through the letters array and return the text, this can be done like this:

let cartasUsuario = [
{texto: "A♠️", valor: 11},
{texto: "2♥️", valor: 2},
{texto: "3♥️", valor: 3}
]

let novoArray = cartasUsuario.map(c => c.texto)

console.log(novoArray)

Answer 2

Thank you so much for your help. I was able to unlock it here. I used something similar to Ewerton Belo propos:

novoArray = Array.from(cartasUsuario, ({ texto }) => texto);

already solved my problem. Thank you to all!