Tenho o array:
var meuArray = [1, 2, 5, 7, 9, 4];
Como inverter a ordem para que fique da seguinte maneira:
[4, 9, 7, 5, 2, 1]
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeComo outras respostas já indicaram, você pode usar o método reverse
da array. Mas atenção que isso altera a array original, e tem vezes em que é necessário ter uma cópia.
Para evitar a alteração do array original, você pode usar o slice
antes. Esse método é feito para gerar uma nova array que seja uma "fatia" da original. Mas se você passar 0
como primeiro argumento, essa fatia será um clone da array original completa:
var meuArray = [1, 2, 5, 7, 9, 4];
var meuArrayInvertido = meuArray.slice(0).reverse();
slice
funciona pois estou criando um novo array e faço a reversão nesse novo array, é isso né?
9/12/2015 às 11:25
slice
funciona como um substring
, porém com Array
, ao fazer um slice(0, null)
ele está criando um segundo array com os elementos partindo do indice 0 até final do array, ou seja slice(0)
irá clonar o array original.
9/12/2015 às 11:30
Pedro, apesar do Array.prototype.reverse
funcionar no seu exemplo, ele irá mutar o array original, então se fizer um console.log(meuArray)
você irá notar que o mesmo estará invertido.
var output = document.getElementById("output")
var log = function (object) {
var container = document.createElement("div");
container.textContent = JSON.stringify(object);
output.appendChild(container);
}
var meuArray = [1, 2, 5, 7, 9, 4];
log(meuArray);
var meuArrayInvertido = meuArray.reverse();
log(meuArray);
log(meuArrayInvertido);
<div id="output">
</div>
Neste caso não faz muito sentido instanciar um objeto meuArrayInvertido
, já que o array original foi invertido também. então neste caso você pode usar o Array.prototype.map
para fazer o trabalho.
var output = document.getElementById("output")
var log = function (object) {
var container = document.createElement("div");
container.textContent = JSON.stringify(object);
output.appendChild(container);
}
var meuArray = [1, 2, 5, 7, 9, 4];
log(meuArray);
var meuArrayInvertido = meuArray.map(function (item, indice, array){
return array[array.length - indice - 1];
});
log(meuArray);
log(meuArrayInvertido);
<div id="output">
</div>
Pode usar um ciclo for
e fazer troca de elementos dos elementos:
var array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
alert(array);
var length = array.length;
var left = null;
var right = null;
for (left = 0, right = length - 1; left < right; left += 1, right -= 1) {
var temporary = array[left];
array[left] = array[right];
array[right] = temporary;
}
alert(array);
(Veja aqui a comparação entre este método e o .reverse()
em termos de performance).
Em termos de legibilidade e complexidade, se estiver a lidar com arrays pequenos e invertidos poucas vezes, o .reverse()
e mais simples. No entanto, se for critica a performance da inversão, usa o método com o ciclo.
Como o TobyMosque respondeu, sobre a alteração no array
, desenvolvi uma outra alternativa para a ocasião.
Defini uma função para o protótipo Array
, está função pega o this
, que nada mais é do que a variável do "tipo" Array
que chama a função, e com um for
decrescente, usando a função push()
para cria um novo array
com a ordem invertida retornando no fim da função.
var arr = [1,2,3,4,5];
// Define uma função no prototipo do Array
// para retornar o mesmo com valores em orderm invertida.
Array.prototype.inverter = function() {
var arr = [];
for(i = this.length - 1; i >= 0; i--) {
arr.push(this[i]);
}
return arr;
}
var nArr = arr.inverter();
// Saida de dados.
document.writeln(
JSON.stringify(arr),
JSON.stringify(nArr)
);
Uma maneira que encontrei e utilizando o reverse
var meuArray = [1, 2, 5, 7, 9, 4];
var meuArrayInvertido = meuArray.reverse();
//meuArrayInvertido === [4, 9, 7, 5, 2, 1]
Como respondido nas respostas anteriores, o reverse irá inverter o array, mas você sabe o que acontece por trás dos panos?
Vou mostrar aqui, de forma matemática, como você pode inverter qualquer array:
let array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
let temp;
console.log("Array original: " + array);
for (let i = 0; i < (array.length - 1) / 2; i++) {
temp = array[i];
array[i] = array[(array.length - 1) - i];
array[(array.length - 1) - i] = temp;
}
console.log("Array inverso: " + array);
Basicamente estou fazerdo um for que caminha de 0 à metade do tamanho do meu array.
No início estou criando um array com 10 posições (0 a 10) e crindo uma variável tempóraria, onde depois irei armazenar um valor nela.
Logo após faço toda a lógica para inverter o array:
Array.prototype.reverse()
: github.com/v8/v8/blob/0b81f67b12550c118f1a94528c73e1cec01263a2/…
11/03 às 4:27
Array.prototype.reverse()
trac.webkit.org/browser/webkit/trunk/Source/JavaScriptCore/… mais implementação da função std::reverse
utilizado en.cppreference.com/w/cpp/algorithm/reverse
11/03 às 4:37
Array.prototype.reverse()
: hg.mozilla.org/mozilla-central/file/66a95a483d2c/js/src/…
11/03 às 4:40
Array.prototype.reverse()
: tc39.es/ecma262/multipage/…
11/03 às 4:44
function revert(array) {
if (array.length === 0) {
return []
}
return [array[array.length - 1]].concat(revert(array.slice(a, -1)))
}
console.log(revert([1, 2, 5, 7, 9, 4]))
a
em array.slice(a, -1)
? Em linguagens cujo a as chamadas de função são realizadas em stack frame onde não disponibilizam tail call, a profundidade de recursão é limitada ao tamanho do stack, significando que sua função caso a conserte funcionará em um array de poucos elementos mais usada em um array mais robusto irá levantar erro de call stack.
26/09/2022 às 12:57