JSFiddle - React, Tailwind, and code Playground

by Gabriel de Souza

HTML

<p>Lista de Pessoas original:</p>
<span id="spanOriginal"></span>
<br/>
<br/>
<p>Lista de Pessoas ordenada por idade:</p>
<span id="spanOrdenadaPorIdade"></span>

JavaScript

onLoad();

//Função principal
function onLoad() {
  //Cria o array de pessoas
  let pessoas = [{id:"1", nome: 'João',idade: 18},
  							 {id:"2",nome: 'Paulo',idade: 25},
								 {id:"3",nome: 'Julio',idade: 10}];

  //Adiciona as 3 pessoas no array de pessoas
 

  //Imprime o array desordenado
  imprimirArray('spanOriginal', pessoas);
  
  //Ordena as pessoas de acordo com a idade da pessoa.
  pessoas.sort(ordenarPorIdade);
  debugger;
  
  var obj = pessoas;
  
  var teste2 = obj[0].nome;
  var teste = obj.shift().nome;
  
   
  //Imprime o array ordenado por idade
  imprimirArray('spanOrdenadaPorIdade', pessoas);
}

function ordenarPorIdade(a, b){
return a.idade - b.idade;
}

function imprimirArray(id, array) {
  let span = document.getElementById(id);
  span.innerHTML = '';

  for (let i = 0; i < array.length; i++) {
    span.innerHTML += array[i].nome + ', idade ' + array[i].idade + ' anos.<br/>';
  }
}