Resumo : neste tutorial, você aprenderá como usar o toReversed()
método de array JavaScript para reverter a ordem dos elementos em um array e retornar um novo array com os elementos do array original em ordem inversa.
Introdução ao método JavaScript Array toReversed()
O toReversed()
método inverte a ordem dos elementos em um array e retorna um novo array com os elementos em ordem inversa.
Ao contrário do reversed()
método que inverte os elementos do array no lugar, o toReversed()
método não modifica o array original. Em vez disso, ele cria um novo array com os elementos do array original na ordem inversa.
Aqui está a sintaxe básica do toReversed()
método:
Array.prototype.toReversed()
Linguagem de código: JavaScript ( javascript )
O toReversed()
método não aceita parâmetros e retorna um novo array contendo os elementos em ordem inversa.
Quando você chama o toReversed()
método em um array esparso, ele trata os slots vazios como se tivessem o valor undefined
.
Este método é genérico , o que significa que você pode chamá-lo em um objeto que não seja de array que possua uma length
propriedade e propriedades com chave inteira.
Exemplos de métodos JavaScript Array toReversed()
Vamos explorar alguns exemplos de uso do toReverse()
método de array JavaScript.
1) Usando o método JavaScript Array toReversed() em arrays de strings
O exemplo a seguir usa o toReverse()
método para reverter uma matriz de strings:
const colors = ['red','green','blue'];
const reversedColors = colors.toReversed();
console.log(colors);
console.log(reversedColors);
Linguagem de código: JavaScript ( javascript )
Saída:
['red','green','blue']
['blue', 'green', 'red']
Linguagem de código: JavaScript ( javascript )
2) Usando o método JavaScript Array toReversed() em matrizes numéricas
O exemplo a seguir usa o toReversed()
método para inverter a ordem dos números em uma matriz:
const scores = [1, 3, 5, 7];
const reversedScores = scores.toReversed();
console.log(scores);
console.log(reversedScores);
Linguagem de código: JavaScript ( javascript )
Saída:
[1, 3, 5, 7]
[7, 5, 3, 1]
Linguagem de código: JavaScript ( javascript )
3) Usando o método JavaScript Array toReversed() em arrays de objetos
O exemplo a seguir usa o toReversed()
método para inverter a ordem dos objetos em uma matriz:
const contacts = [{name: 'John'}, {name: 'Alice'}, {name: 'Bob'}];
const reversedContacts = contacts.toReversed();
console.log(contacts);
console.log(reversedContacts);
Linguagem de código: JavaScript ( javascript )
Saída:
[{name: 'John'}, {name: 'Alice'}, {name: 'Bob'}]
[{name: 'Bob'}, {name: 'Alice'}, {name: 'John'}]
Linguagem de código: JavaScript ( javascript )
4) Chamando o método toReversed() em arrays esparsos
Quando você chama o toReversed()
método em um array esparso, o array resultante permanece esparso. O toReversed()
método copia slots vazios sobre seus respectivos índices como slots vazios:
const scores = [1,,7,5];
const reversedScores = scores.toReversed();
console.log(scores);
console.log(reversedScores);
Linguagem de código: JavaScript ( javascript )
Saída:
[1,, 7, 5]
[5, 7, undefined, 1]
Linguagem de código: JavaScript ( javascript )
5) Chamando o método toReversed() em objetos não array
O exemplo a seguir ilustra como chamar o toReversed()
método em um objeto que possui a length
propriedade e propriedades com chave inteira:
const arrayLike = {
length: 3,
unrelated: "bar",
2: 2,
3: 3, // ignored because the length is 3
};
const result = Array.prototype.reverse.call(arrayLike);
console.log(result);
Linguagem de código: JavaScript ( javascript )
Saída:
{0: 2, 3: 3, length: 3, unrelated: 'bar'}
Linguagem de código: JavaScript ( javascript )
Neste exemplo, o toReversed()
método faz o seguinte:
- Primeiro, acesse a
length
propriedade do objeto. - Segundo, itere cada propriedade com uma chave inteira variando de
0
alength / 2
. - Terceiro, troque os valores nos índices correspondentes em ambas as extremidades do array. Além disso, remova qualquer propriedade de destino sem uma propriedade de origem correspondente.
- Por fim, retorne um novo objeto com a ordem dos elementos (ou propriedades) na ordem inversa.
Resumo
- Use o método de array JavaScript
toReversed()
para reverter a ordem dos elementos em um array e retornar um novo array invertido.