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
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.
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(). < /p>
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.
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().
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.
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.
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!