Recherche d'une valeur dans un tableau à l'aide de JavaScript.-js tutoriel-php.cn

Maison

interface Web

js tutoriel

Recherche d'une valeur dans un tableau à l'aide de JavaScript.

Jul 29, 2024 pm 02:21 PM

Ce programme montre comment rechercher une valeur spécifique dans un tableau à l'aide d'une boucle while en JavaScript. L'utilisateur est invité à saisir une valeur et le programme vérifie ensuite si cette valeur existe dans une variété prédéfinie. Si la valeur est trouvée, un message indiquant sa disponibilité s'affiche ; sinon, un message indiquant son absence s'affiche.

Exemple simple :

let Val = prompt("Enter Value ..!");
let numbers = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 200, 300];

let i = 0;
let Find = false;
while (i &lt; numbers.length) {
  if (numbers[i] == Val) {
    Find = true;
    break;
  }
  i++;
}
if (Find) {
  console.log("Available Variable..!");
} else {
  console.log("No Available Variable..!");
}

Copier après la connexion

Sortie :

100 This Variable Available in the Array..!

Copier après la connexion

Rechercher un élément dans un tableau à l'aide de DOM en JavaScript :
Dans ce programme, nous montrons comment rechercher une valeur spécifique dans un tableau à l'aide d'une boucle while en JavaScript. L'utilisateur saisit une valeur dans un champ de saisie et le programme vérifie si cette valeur existe dans un tableau prédéfini. Si la valeur est trouvée, un message indiquant sa disponibilité s'affiche ; sinon, un message indiquant son absence s'affiche.

Exemple :

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Find Element in Array Using DOM in JavaScript &lt;/title&gt;
    &lt;style&gt;
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        h4, h2 {
            color: #333;
        }
        input {
            padding: 10px;
            margin-right: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        button {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            background-color: #28a745;
            color: white;
            cursor: pointer;
        }
        button:hover {
            background-color: #218838;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h4&gt;Find Element in Array&lt;/h4&gt;
    &lt;h4 id="NumData"&gt;&lt;/h4&gt;
    &lt;input type="text" placeholder="Enter Value" id="Num" /&gt;
    &lt;button onclick="SearchEle()"&gt;Find&lt;/button&gt;
    &lt;h2 id="Ans"&gt;&lt;/h2&gt;

    &lt;script&gt;
        let Data = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 200, 300];
        document.getElementById("NumData").innerHTML += "Our Array is: " + Data.join(', ');

        function SearchEle() {
            let NewValue = document.getElementById("Num").value;
            let i = 0;
            let Find = false;
            while (i &lt; Data.length) {
                if (Data[i] == NewValue) {
                    Find = true;
                    break;
                }
                i++;
            }

            if (Find) {
                document.getElementById("Ans").innerHTML = `${NewValue} 
                is Available..!`;
            } else {
                document.getElementById("Ans").innerHTML = `${NewValue} 
               is not Available..!`;
            }
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

Copier après la connexion

Sortie :

Image description

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn