Ordenação de Arrays JAVASCRIPT - Método Bubble Sort

Eu preciso implementar o método Bubble Sort para um trabalho de faculdade. Meu problema é quando eu tenho vários dados. Exmplo: mylist = [{numero:5, nome:"Lucas"}, {numero:3, nome:"JOAO"}];. O que eu preciso é que ele ordene pelo número e no final mostre ordenado pelo numero + nome;. Segue o código.

<body>
	<div class="container">
		<h2>JavaScript Arrays</h2>
		<div id="demo" class="table table-hover"></div>
		
		<script>
			function calculo(a, b) {
				var mylist, text, tamanho, i, j, temp;
				mylist = [{numero:5, nome:"Lucas"}, {numero:3, nome:"JOAO"}];
				tamanho = mylist.length;
				
				for (i = 0; i <= tamanho; i++) {
					for (j = 0; j <= i; j ++) {
						if ((mylist[j]) > (mylist[j+1])) {
							temp = mylist[j].numero;
							mylist[j].numero = mylist[j+1].numero;
							mylist[j+1].numero = temp;
						}
					}
				}
				
				text = "<table><thead><tr><th>CÓDIGO </th><th>NOME</th></tr></thead>";
				
				for (j = 0; j < tamanho; j++) {
					text += "<tr><td>" + mylist[j].numero + "</td>" + "<td>" + mylist[j].nome + "</tr>";
				}
				
				text += "</table>";
				document.getElementById("demo").innerHTML = text;
			}
		</script>
		
		<button type="button" onclick="calculo();"> Função </button>
	</div>
</body>