Comment obtenir le dernier index d’un tableau à l’aide de JavaScript

Posté Par: Windows2022tutosur: janvier 24, 2023Dans: comment, dernier, index, javascript, obtenir, tableau, TechPas De Commentaires

Imprimer E-mail

Comment obtenir le dernier index d’un tableau à l’aide de JavaScript

Introduction

Dans ce tutoriel, nous allons créer un Comment obtenir le dernier index d’un tableau à l’aide de JavaScript. Ce tutoriel a pour but de vous apprendre à récupérer les dernières données d’un tableau. Cela couvrira toutes les fonctions de base changera votre arrière-plan Je fournirai un exemple de programme pour montrer le codage réel de ce didacticiel.

Ce tutoriel est simple et facile à comprendre, il suffit de suivre les instructions que j’ai fournies et vous pouvez le faire sans problème. Ce programme peut être utilisé pour n’importe quelle application si vous souhaitez appliquer un objet tableau à votre système. Je ferai de mon mieux pour vous fournir le moyen le plus simple de créer ce programme Obtenir le dernier index d’un tableau. Faisons donc le codage.

Avant de commencer :

Ceci est le lien pour le modèle que j’ai utilisé pour la conception de la mise en page https://getbootstrap.com/.

Création de l’interface

C’est ici que nous allons créer une interface simple pour notre application. Ce code ne sera tableau qu’avec la liste de données et le bouton. Pour le créer, copiez-le simplement et écrivez-le dans votre éditeur de texte, puis enregistrez-le sous index.html.

<!DOCTYPE html>
		<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a>
	<div class="col-md-6 well">
		<h3 class="text-primary">How to Get the Last Index of an Array using JavaScript</h3>
		<hr style="border-top:1px dotted #ccc;"/>
			<table class="table table-bordered">
				<tbody class="alert-success" id="result">
			<button class="btn btn-primary" id="get">Get Last Index</button>

Création d’une fonction JavaScript

C’est là que se trouve la fonction principale de l’application. Ce code obtiendra les dernières données d’un tableau lorsque le bouton sera cliqué. Pour ce faire, copiez et écrivez simplement ce bloc de codes dans l’éditeur de texte et enregistrez-le sous script.js.

let myArray = ["John Smith", "Jake Cyrus", "Steve Roger", "Tony Stark", "Bruce Banner", "Clark Thompson"];
 
displayData(myArray);	
 
function displayData(myArray){
	let html="";
	for(var i=; i<myArray.length; i++){
		html +="<tr>";
		html +="<td>"+myArray[i]+"</td>";
		html +="</tr>";
	}
 
	document.getElementById('result').innerHTML=html;
}
 
 
function getLastIndex(myArray){
	let data = myArray[myArray.length - 1];
	document.getElementById('display').innerHTML="<center><label>The last index of an Array is: <span class="text-primary">"+data+"</span></label></center>";
}
 
document.getElementById("get").addEventListener("click", getLastIndex.bind(this, myArray));

Dans le code ci-dessus, nous créons d’abord un objet tableau appelé monTableau(). Ensuite, nous allons créer une méthode qui affichera les données du tableau dans une table html appelée afficherDonnées(). Et enfin, nous allons créer une méthode appelée getLastIndex(), cette fonction essaiera d’obtenir uniquement les dernières données d’un objet tableau. L’astuce ici est que nous allons vérifier la position des dernières données d’un tableau en soustrayant la longueur du tableau.

Sortir:

Les Comment obtenir le dernier index d’un tableau à l’aide de JavaScript le code source que je fournis peut être téléchargé ci-dessous. Veuillez cliquer sur le bouton de téléchargement.

Voilà, nous avons créé avec succès Comment obtenir le dernier index d’un tableau à l’aide de JavaScript. J’espère que ce tutoriel simple vous aidera à ce que vous recherchez. Pour plus de mises à jour et de tutoriels, veuillez simplement visiter ce site. Profitez du codage !

Plus de tutoriels pour le langage JavaScript

Tutoriels JavaScript

Télécharger ici