Conversione in array in jQuery

Il metodo toArray converte un insieme di elementi jQuery in un normale array JavaScript. Questo è necessario per applicare a questo array metodi e funzioni JavaScript, ad esempio, ordinare questo array o invertire l'ordine.

Consideriamo il seguente codice HTML come esempio:

<p>text1</p>
<p>text2</p>
<p>text3</p>
<div>text4</div>

Otteniamo tutti gli elementi con tag p sotto forma di array utilizzando il metodo toArray, invertiamone l'ordine, utilizzando reverse. Quindi visualizziamo il contenuto testuale degli elementi sotto forma di stringa, utilizzando il metodo JavaScript join.

Per estrarre il testo degli elementi e visualizzare l'array risultante come stringa, scriveremo una funzione print, il cui parametro sarà l'array invertito:

function print(elems) {
	let arr = [];
	
	for (let i = 0; i < elems.length; i++) {
			arr.push(elems[i].innerHTML);
	}
	alert(arr.join(' '));
}

print($('p').toArray().reverse());

Ottieni tutti gli elementi con il tag span sotto forma di array e rendi la prima lettera del contenuto testuale di ciascun elemento maiuscola. Visualizza nella console l'array risultante con i testi sotto forma di stringa.