Heim  >  Artikel  >  Web-Frontend  >  Mit JavaScript nach einem Wert in einem Array suchen.

Mit JavaScript nach einem Wert in einem Array suchen.

WBOY
WBOYOriginal
2024-07-29 14:21:10518Durchsuche

Dieses Programm zeigt, wie man mithilfe einer While-Schleife in JavaScript nach einem bestimmten Wert in einem Array sucht. Der Benutzer wird aufgefordert, einen Wert einzugeben, und das Programm prüft dann, ob dieser Wert in einer vordefinierten Variante vorhanden ist. Wenn der Wert gefunden wird, wird eine Meldung angezeigt, die auf seine Verfügbarkeit hinweist. andernfalls wird eine Meldung angezeigt, die darauf hinweist, dass es nicht vorhanden ist.

Einfaches Beispiel:

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..!");
}

Ausgabe:

100 This Variable Available in the Array..!

Ein Element in einem Array mithilfe von DOM in JavaScript finden:
In diesem Programm zeigen wir, wie man mithilfe einer While-Schleife in JavaScript nach einem bestimmten Wert in einem Array sucht. Der Benutzer gibt einen Wert in ein Eingabefeld ein und das Programm prüft, ob dieser Wert in einem vordefinierten Array vorhanden ist. Wenn der Wert gefunden wird, wird eine Meldung angezeigt, die auf seine Verfügbarkeit hinweist. andernfalls wird eine Meldung angezeigt, die darauf hinweist, dass es nicht vorhanden ist.

Beispiel:

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

Ausgabe:

Image description

Image description

Das obige ist der detaillierte Inhalt vonMit JavaScript nach einem Wert in einem Array suchen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Webpack öffentlicher PfadNächster Artikel:Webpack öffentlicher Pfad