Mit JavaScript nach einem Wert in einem Array suchen.-js-Tutorial-php.cn

Mit JavaScript nach einem Wert in einem Array suchen.

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Freigeben： 2024-07-29 14:21:10

Original

592 Leute haben es durchsucht

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

Nach dem Login kopieren

Ausgabe:

100 This Variable Available in the Array..!

Nach dem Login kopieren

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>

Nach dem Login kopieren

Ausgabe:

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!