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

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

WBOY

Libérer： 2024-07-29 14:21:10

original

545 Les gens l'ont consulté

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 < 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 :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Find Element in Array Using DOM in JavaScript </title>
    <style>
        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;
        }
    </style>
</head>
<body>
    <h4>Find Element in Array</h4>
    <h4 id="NumData"></h4>
    <input type="text" placeholder="Enter Value" id="Num" />
    <button onclick="SearchEle()">Find</button>
    <h2 id="Ans"></h2>

    <script>
        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 < 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..!`;
            }
        }
    </script>
</body>
</html>

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!