Rumah > Artikel > hujung hadapan web > Bagaimana untuk mendapatkan hujah non-null/undefined pertama dalam JavaScript?

Bagaimana untuk mendapatkan hujah non-null/undefined pertama dalam JavaScript?

PHPzke hadapan: 2023-08-24 20:17:12810semak imbas

如何在 JavaScript 中获取第一个非空/未定义参数？

Dalam JavaScript, banyak kali kita perlu mencari parameter bukan null/tidak ditentukan pertama dalam fungsi. Ini boleh menjadi tugas yang sukar, tetapi nasib baik terdapat kaedah yang boleh membantu kami mencapai ini

Menggunakan Array.prototype.find()

Kaedah boleh digunakan untuk mendapatkan nilai bukan null/ghaib pertama dalam JavaScript Parameter penentu ialah kaedah Array.prototype.find(). Kaedah ini mengembalikan nilai elemen pertama dalam tatasusunan yang melepasi ujian yang diberikan. Dalam kes kami, kami boleh menggunakan kaedah ini untuk mencari parameter bukan null/tidak ditentukan yang pertama dengan menguji sama ada parameter itu tidak batal/tidak ditentukan.

Contoh

Dalam contoh di bawah, kami mentakrifkan fungsi untuk mencari hujah pertama yang tidak kosong atau tidak jelas.

<html>
<head>
   <title>Example: finding first non-null arguements</title>
</head>
<body>
   <h2> Array.prototype.find() Method</h2>
   <div id="arguments"></div>
   <div id="result"></div>
   <script>
      function findFirstNonNullArgument(...args) {
         return args.find(arg => arg != null);
      }
      var result = findFirstNonNullArgument(null, undefined, "Hello", "World");
      document.getElementById("arguments").innerHTML = `Arguments: null, undefined, "Hello", "World"`;
      document.getElementById("result").innerHTML = "<br>First Non-Null Argument: " + result;
   </script>
</body>
</html>

Daripada kod di atas, kita dapat melihat bahawa fungsi findFirstNonNullArgument() menerima nombor pembolehubah argumen dan mengembalikan argumen bukan null/undefined pertama menggunakan kaedah find().

Menggunakan Array.prototype.filter()

Kaedah lain yang boleh digunakan untuk mendapatkan argumen bukan null/undefined pertama dalam JavaScript ialah kaedah Array.prototype.filter( ). Kaedah ini mencipta tatasusunan baharu yang mengandungi semua elemen yang lulus ujian yang diberikan. Dalam kes kami, kami boleh menggunakan kaedah ini untuk mencari parameter bukan null/tidak ditentukan yang pertama dengan menghantar ujian yang menyemak sama ada parameter itu tidak batal/tidak ditentukan.

Contoh

Kod berfungsi penuh di bawah.

<html>
<head>
   <title>Example: finding first non-null arguements</title>
</head>
<body>
   <h2> Array.prototype.filter() Method</h2>
   <div id="arguments"></div>
   <div id="result"></div>
   <script>
      function findFirstNonNullArgument(...args) {
         return args.filter(arg => arg != null)[0];
      }
      document.getElementById("arguments").innerHTML = `Arguments: null, undefined, "Hello", "World"`;
      document.getElementById("result").innerHTML = "<br>First non-nul argument: " + findFirstNonNullArgument(null, undefined, "Hello", "World")
   </script>
</body>
</html>

Daripada kod di atas, kita dapat melihat bahawa fungsi findFirstNonNullArgument() menerima nombor pembolehubah parameter dan mengembalikan parameter bukan null/undefined pertama menggunakan kaedah penapis().

Menggunakan gelung for

Kaedah lain yang boleh digunakan untuk mendapatkan parameter bukan null/tidak ditentukan pertama dalam JavaScript ialah menggunakan gelung for. Kaedah ini mengulangi semua parameter dan menyemak sama ada setiap parameter tidak kosong/tidak ditentukan. Jika ia menemui parameter yang tidak kosong/tidak ditentukan, ia akan mengembalikan parameter tersebut.

Contoh

Di bawah ialah kod kerja yang lengkap -

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function findFirstNonNullArgument(...args) {
          for (let arg of args) {
             if (arg != null) {
                return arg;
            }
         }
      }
      document.getElementById("result").innerHTML = findFirstNonNullArgument(null, undefined, "Hello", "World")
   </script>
</body>
</html>

Seperti yang dapat kita lihat daripada kod di atas, fungsi findFirstNonNullArgument() menerima nombor pembolehubah argumen dan mengembalikan yang pertama bukan null/ menggunakan gelung for parameter.

Kesimpulan

Dalam artikel ini, kami melihat tiga kaedah berbeza yang boleh anda gunakan untuk mendapatkan parameter bukan null/tidak ditentukan pertama dalam JavaScript. Setiap kaedah mempunyai kelebihan dan kekurangannya sendiri, jadi adalah penting untuk memilih kaedah yang sesuai untuk tugas yang sedang dijalankan.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan hujah non-null/undefined pertama dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：FabricJS - Bagaimana untuk melumpuhkan berbilang titik kawalan khusus objek Line?Artikel seterusnya：FabricJS - Bagaimana untuk melumpuhkan berbilang titik kawalan khusus objek Line?

Artikel berkaitan

Lihat lagi