Operator precedence adalah aturan yang digunakan dalam JavaScript untuk menentukan urutan evaluasi dari operator dalam suatu ekspresi. Ketika terdapat beberapa operator dalam satu ekspresi, operator dengan precedence yang lebih tinggi akan dievaluasi terlebih dahulu sebelum operator dengan precedence yang lebih rendah.
Berikut adalah contoh implementasi operator precedence pada JavaScript:
// Operator Aritmatika
let result = 10 + 5 * 2; // Hasilnya adalah 20, bukan 30
console.log(result);
// Operator Perbandingan
let comparison = 5 > 3 && 2 < 4; // Hasilnya adalah true
console.log(comparison);
// Operator Logika
let logic = (true || false) && true; // Hasilnya adalah true
console.log(logic);
// Operator Penugasan
let assignment = 10;
assignment += 5 * 2; // assignment = assignment + (5 * 2)
console.log(assignment);
Selain itu, kita juga dapat menerapkan operator precedence pada HTML menggunakan JavaScript. Berikut adalah contoh implementasinya:
<!DOCTYPE html>
<html>
<head>
<title>Operator Precedence</title>
<script>
function calculate() {
let num1 = parseInt(document.getElementById("num1").value);
let num2 = parseInt(document.getElementById("num2").value);
let num3 = parseInt(document.getElementById("num3").value);
let result = num1 + num2 * num3; // Hasilnya adalah 30, bukan 18
document.getElementById("result").innerHTML = result;
}
</script>
</head>
<body>
<h1>Kalkulator</h1>
<label for="num1">Angka 1:</label>
<input type="number" id="num1"><br>
<label for="num2">Angka 2:</label>
<input type="number" id="num2"><br>
<label for="num3">Angka 3:</label>
<input type="number" id="num3"><br>
<button onclick="calculate()">Hitung</button>
<p>Hasil: <span id="result"></span></p>
</body>
</html>Output:
See the Pen Operator Precedence dalam JavaScript by WebbizID (@De-Orchids) on CodePen.
Dalam contoh di atas, kita menggunakan operator precedence untuk menghitung hasil dari penjumlahan dan perkalian. Hasilnya akan ditampilkan di dalam elemen <span> dengan id “result” setelah tombol “Hitung” ditekan.
Dengan memahami operator precedence, kita dapat mengatur urutan evaluasi operator dalam ekspresi sehingga mendapatkan hasil yang diinginkan.
Leave a Reply