JavaScript Array Methods

pop() method:

cette méthode supprime le dernier élément d’un tableau et renvoie cet élément.

				
					<script>
    let cities = ["thies", "dakar", "mbour", "Touba"];
    // supprime le dernier element du tableau
    let removeCity = cities.pop();

    console.log(cities);
    console.log(removeCity); //affiche l'element supprimé du tableau
</script>

reduce() method:

cette méthode exécute une fonction de réduction sur chaque élément du tableau et renvoie une seule valeur de sortie

				
					<script type="text/javascript">
	const numbers = [20, 10, 10, 12];
	const sum = numbers.reduce((x, y) => x + y, 0);
	console.log(sum);
</script>

foreach() method:

cette méthode exécute une fonction fournie pour chaque élément du tableau.

				
					<script type="text/javascript">
	const words = ["html", "css", "js"];
	words.forEach(word => console.log(word));
</script>

find() method :

cette méthode renvoie la valeur du premier élément du tableau qui satisfait la fonction de test fournie .

				
					<script type="text/javascript">
	const numbers = [3, 4, 5, 7, 10, 56, 123];

	const found = numbers.find(element => element > 10);
	console.log(found);
</script>

findIndex() method :

cette méthode renvoie l’indice du premier élément du tableau qui satisfait la fonction de test fournie ou renvoie -1 .

				
					<script type="text/javascript">
	const numbers = [6, 11, 9, 100, 46];

	const indexFound = numbers.findIndex(element => element > 15);
	console.log(indexFound);
</script>

sort() method:

cette méthode trie les éléments d’un tableau dans un ordre spécifique (croissant ou décroissant) .

				
					<script type="text/javascript">
	let city = ["dakar", "thies", "matam", "bamako", "kidal"];

	// trie le tableau des villes par ordre croissant
	let sortedArray = city.sort();
	console.log(sortedArray);
</script>

push() method:

cette méthode ajoute zéro ou plusieurs éléments à la fin du tableau

				
					<script type="text/javascript">
	let city = ["dakar", "thies", "louga"];

	// ajouter matam au tableau
	city.push("Matam");
	console.log(city);
</script>

filter() method:

cette méthode renvoie un nouveau tableau avec tous les éléments qui réussissent le test défini par la fonction donnée .

				
					<script type="text/javascript">
	const words = ["html", "javascript", "css", "php"];

	const longUse = words.filter(element => element.length > 4);
	console.log(longUse);
</script>

map() method :

cette méthode crée un nouveau tableau avec le résultat de l’appel d’une fonction pour chaque élément du tableau .

				
					<script type="text/javascript">
	const numbers = [2, 4, 5, 6, 9, 8];

	const doubled = numbers.map(x => x * 2);
	console.log(doubled);
</script>

concat() method :

cette méthode renvoie un nouveau tableau en fusionnant deux ou plusieurs valeurs/tableaux .

				
					<script type="text/javascript">
	let primeNumbers = [2, 3, 5, 7];
	let eventNumbers = [2, 3, 6, 8];
// rassemble les deux tableaux en un seul
	let joinedArray = primeNumbers.concat(eventNumbers);
	console.log(joinedArray);
</script>

arrayList in Javascript

javascript-array-methods

JavaScript Array Methods