Avez-vous regarder des vidéos YouTube essayant d'apprendre à rechercher une matrice pour des données d'entrée spécifiques?
ci-dessous est un exemple de tableau JS à l'aide de console.log p>
JS Array Exemple: P> xxx pré>
ci-dessous est HTML que je souhaite le rendre montrez un résultat spécifique de la matrice JS ci-dessus avec le bouton Soumettre ONCLICK pour rechercher une matrice de recherche? puis afficher / imprimer dans le HTML DIV. P>
<html>
<head>
<title>get value</title>
<script type="text/javascript">
function getDisplay(){
var username = document.getElementById("username").value;
var email = document.getElementById("email").value;
document.getElementById("display").innerHTML = "username" + username + "<br/>email" + email;
}
</script>
</head>
<body>
<div id="whole">
Username : <input type="text" name="username" id="username">
Email : <input type="email" name="email" id="email"></br>
<button onclick=getDisplay()>Submit</button>
</div>
<div id="display">
</div>
</body>
</html>
3 Réponses :
Un tableau d'objets doit ressembler à ceci: et dans votre code, vous souhaitez effectuer ce qui suit: p> <html>
<head>
<title>get value</title>
<script type="text/javascript">
var arr = [/*Your data here */];
function getDisplay(){
var username = document.getElementById("username").value;
var email = document.getElementById("email").value;
document.getElementById("display").innerHTML = "username" + username + "<br/>email" + email;
for(let i = 0; i < arr.length; i++) {
let element = arr[i];
//Your search logic goes here
}
}
</script>
</head>
<body>
<div id="whole">
Username : <input type="text" name="username" id="username">
Email : <input type="email" name="email" id="email"></br>
<button onclick=getDisplay()>Submit</button>
</div>
<div id="display">
</div>
</body>
</html>
Tout d'abord, ce que vous faites n'est pas un tableau, vous voulez cet objet de tableau, comme celui-ci: Comme vous pouvez le constater est un tableau avec OBEJCTS, vous pouvez maintenant travailler avec elle.
Utilisez objet.Keys (données).
En supposant que votre JSON soit comme ça. et votre logique de recherche ressemblera à ceci.
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="whole"> Username : <input type="text" name="username" id="username"></br> Email : <input type="email" name="email" id="email"></br> <button onclick=getDisplay()>Submit</button> </div> <div id="display"></div>
L'exemple de tableau que vous avez posté n'est pas un tableau réel. C'est un objet qui est défini plusieurs fois. Si vous souhaitez déclarer un tableau, vous devez utiliser la notation
[] .@tomerpacific => Si vous pouvez recommander des vidéos ou des choses à lire pour m'aider à apprendre serait grandement appréciée. Où puis-je mettre les crochets par exemple?