Perbandingan dan operator logika digunakan untuk menguji benar atau salah.
Operator Perbandingan
Operator perbandingan yang digunakan dalam laporan logis untuk menentukan kesetaraan atau perbedaan antara variabel atau nilai-nilai.
Mengingat bahwa x = 5, tabel di bawah menjelaskan operator perbandingan:
| Operator | Description | Comparing | Returns | |
|---|---|---|---|---|
| == | Sama dengan | x == 8 | false | |
| x == 5 | true | |||
| x == "5" | true | |||
| === | nilai yang sama dan jenis yang sama | x === 5 | true | |
| x === "5" | false | |||
| != | tidak sama dengan | x != 8 | true | |
| !== | nilai tidak sama atau jenis tidak sama | x !== "5" | true | |
| x !== 5 | false | |||
| > | lebih dari | x > 8 | false | |
| < | kurang dari | x < 8 | true | |
| >= | lebih besar dari atau sama dengan | x >= 8 | false | |
| <= | kurang dari atau sama dengan | x <= 8 | true |
Apakah bisa digunakan
Operator perbandingan dapat digunakan dalam pernyataan bersyarat untuk membandingkan nilai-nilai dan mengambil tindakan tergantung pada hasil:
if (age < 18) text = "Muda";
Anda akan belajar lebih banyak tentang penggunaan pernyataan bersyarat pada bab selanjutnya dari tutorial ini.
Operator logika
Operator logika digunakan untuk menentukan logika antar variabel atau nilai-nilai.
Mengingat bahwa x = 6 dan y = 3, tabel di bawah menjelaskan operator logika:
| Operator | Description | Example | |
|---|---|---|---|
| && | and | (x < 10 && y > 1) is true | |
| || | or | (x == 5 || y == 5) is false | |
| ! | not | !(x == y) is true |
Kondisi (Ternary) Operator
JavaScript juga mengandung operator kondisional yang memberikan nilai ke variabel didasarkan pada beberapa kondisi.
sytax
variablename = ( condition ) ? value1 : value2
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<button onclick="fungsiku()">klik</button>
<input id="usia" value="18"/>
<p id="demo"></p>
<script>
function fungsiku () {
var usia, voteable;
usia = document.getElementById("age").value;
voteable = (age < 18) ? "Terlalu Muda":"Cukup Tua";
document.getElementById("demo").innerHTML = voteable;
}
</script>
</body>
</html>
Jika age variabel adalah nilai di bawah 18, nilai voteable variabel akan "Terlalu muda", jika nilai voteable akan "Cukup tua".
Membandingkan Berbagai Jenis
Membandingkan data dari berbagai jenis dapat memberikan hasil yang tidak diharapkan.
Ketika membandingkan string dengan angka, JavaScript akan mengkonversi string ke nomor ketika melakukan perbandingan.String kosong mengkonversi ke 0. Sebuah string non-numerik mengkonversi ke NaN yang selalu salah.
Ketika membandingkan dua string, "2" akan lebih besar dari "12", karena (menurut abjad) 1 kurang dari 2.
Untuk mengamankan hasil yang tepat, variabel harus dikonversi ke tipe yang tepat sebelum perbandingan:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<button onclick="fungsiku()">klik</button>
<input id="usia" value="18"/>
<p id="demo"></p>
<script>
function fungsiku () {
var usia, voteable;
usia = Number(document.getElementById("usia").value);
if (isNaN(usia)) {
voteable = "Error in input";
}else{
voteable = (usia < 18) ? "Terlalu Muda" : "Cukup Tua";
}
document.getElementById("demo").innerHTML = voteable;
}
</script>
</body>
</html>
0 komentar:
Posting Komentar