Matriz JavaScript para invertida

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 lengthpropriedade 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 lengthpropriedade 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 lengthpropriedade do objeto.
• Segundo, itere cada propriedade com uma chave inteira variando de 0a length / 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.