javascript menetapkan julat berangka

WBOY
Lepaskan: 2023-05-20 18:45:39
asal
1162 orang telah melayarinya

JavaScript ialah bahasa skrip popular yang telah menjadi kemahiran yang diperlukan untuk pembangunan tapak web dan aplikasi. Antaranya, menetapkan julat berangka adalah bahagian yang sangat penting dalam proses pembangunan Artikel ini akan meneroka cara menetapkan julat berangka dalam JavaScript.

JavaScript menyediakan kaedah untuk mentakrif dan mengehadkan julat berangka dengan mudah. Berikut ialah beberapa kaedah yang biasa digunakan:

  1. Math.max() dan Math.min()

Math.max() kaedah boleh digunakan untuk membandingkan berbilang saiz nombor, nombor terbesar akan digunakan sebagai nilai pulangan. Begitu juga, kaedah Math.min() boleh digunakan untuk membandingkan saiz berbilang nombor dan nombor terkecil akan digunakan sebagai nilai pulangan.

Contohnya:

Math.max(5,10,20);
// 返回值为20

Math.min(5,10,20);
// 返回值为5
Salin selepas log masuk

Dalam pembangunan harian, kita boleh menggunakan dua kaedah ini untuk mengehadkan julat berangka. Sebagai contoh, jika kita ingin memastikan bahawa nombor tidak kurang daripada 0, kita boleh menulis:

let num = Math.max(0, inputNum);
// 此处的inputNum为用户输入的数值
Salin selepas log masuk
  1. parseInt()

Kaedah parseInt() boleh menukar rentetan menjadi integer. Jika penghuraian gagal, NaN (bukan nombor) akan dikembalikan.

Apabila kita mendapat nilai daripada kotak input, kita biasanya mendapat rentetan, jadi kita perlu menggunakan kaedah parseInt() untuk menukarnya kepada integer. Contohnya:

let inputNumStr = document.getElementById("input").value;
let inputNum = parseInt(inputNumStr);
Salin selepas log masuk

Ambil perhatian bahawa jika rentetan tidak boleh dihuraikan menjadi nombor, NaN akan dikembalikan. Oleh itu, mekanisme pengendalian ralat perlu ditambah untuk menangani situasi ini. Kaedah

if (isNaN(inputNum)) {
  console.error("输入值不合法");
}
Salin selepas log masuk
  1. isNaN()

isNaN() digunakan untuk menyemak sama ada sesuatu nilai ialah NaN. Jika ia adalah NaN, kembalikan benar, sebaliknya kembalikan palsu.

isNaN(NaN); //true
isNaN(123); //false
Salin selepas log masuk

Kita boleh menggunakan kaedah isNaN() bersama-sama dengan kaedah parseInt() untuk memastikan nilai yang diperoleh daripada kotak input ialah nombor.

let inputNumStr = document.getElementById("input").value;
let inputNum = parseInt(inputNumStr);

if (isNaN(inputNum)) {
  console.error("输入值不合法");
}
Salin selepas log masuk
  1. Number.isNaN()

Sama seperti kaedah isNaN(), kaedah Number.isNaN() digunakan untuk menyemak sama ada nilai ialah NaN. Perbezaannya ialah ia kembali benar hanya jika hujahnya adalah NaN.

Number.isNaN(NaN); //true
Number.isNaN(123); //false
Number.isNaN("123"); //false
Salin selepas log masuk

Apabila menggunakannya, kita perlu memberi perhatian kepada senario penggunaan kaedah Number.isNaN(). Jika anda ingin menyemak sama ada nilai ialah nombor, anda masih perlu menggunakan kaedah isNaN().

  1. Perbandingan berangka

Kami juga boleh menggunakan pengendali perbandingan (<, >, <=, >=) untuk mengehadkan julat berangka.

Sebagai contoh, jika kita ingin memastikan bahawa nombor nilai adalah antara 0 dan 100, kita boleh menulis seperti ini:

if (num < 0) {
  num = 0;
} else if (num > 100) {
  num = 100;
}
Salin selepas log masuk

Kaedah ini lebih intuitif, tetapi perlu mempertimbangkan pelbagai situasi dan keadaan sempadan, Agak terdedah kepada kesilapan.

Ringkasnya, lima kaedah di atas adalah cara biasa untuk menetapkan julat berangka dalam JavaScript. Apabila membangunkan kod, kita boleh memilih kaedah yang sesuai mengikut keperluan sebenar dan menambah mekanisme pengendalian ralat yang sepadan untuk memastikan ketepatan dan kebolehpercayaan kod.

Atas ialah kandungan terperinci javascript menetapkan julat berangka. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!