Rumah >hujung hadapan web >tutorial js >Mencari Nilai dalam Tatasusunan Menggunakan JavaScript.

Mencari Nilai dalam Tatasusunan Menggunakan JavaScript.

WBOYasal: 2024-07-29 14:21:10578semak imbas

Atur cara ini menunjukkan cara mencari val tertentu dalam tatasusunan menggunakan gelung sementara dalam JavaScript. Pengguna digesa untuk memasukkan nilai, dan program kemudian menyemak sama ada nilai ini wujud dalam pelbagai yang telah ditetapkan. Jika nilai ditemui, mesej yang menunjukkan ketersediaannya dipaparkan; jika tidak, mesej yang menunjukkan ketiadaannya ditunjukkan.

Contoh Mudah:

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

Output:

100 This Variable Available in the Array..!

Mencari Elemen dalam Tatasusunan Menggunakan DOM dalam JavaScript:
Dalam program ini, kami menunjukkan cara mencari nilai tertentu dalam tatasusunan menggunakan gelung sementara dalam JavaScript. Pengguna memasukkan nilai dalam medan input dan program menyemak sama ada nilai ini wujud dalam tatasusunan yang telah ditetapkan. Jika nilai ditemui, mesej yang menunjukkan ketersediaannya dipaparkan; jika tidak, mesej yang menunjukkan ketiadaannya ditunjukkan.

Contoh:

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

Output:

Image description

Atas ialah kandungan terperinci Mencari Nilai dalam Tatasusunan Menggunakan JavaScript.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript Array if for while using dom this input

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：webpack publicpathArtikel seterusnya：webpack publicpath

Artikel berkaitan

Lihat lagi