Referensi Operator JavaScript
Operator JavaScript digunakan untuk menetapkan nilai, membandingkan nilai, melakukan operasi aritmatika, dan banyak lagi.
Operator Aritmatika JavaScript
Operator aritmatika digunakan untuk melakukan aritmatika antara variabel dan/atau nilai.
Mengingat y = 5 , tabel di bawah ini menjelaskan operator aritmatika:
| Operator | Description | Example | Result in y | Result in x | Try it |
|---|---|---|---|---|---|
| + | Addition | x = y + 2 | y = 5 | x = 7 | |
| - | Subtraction | x = y - 2 | y = 5 | x = 3 | |
| * | Multiplication | x = y * 2 | y = 5 | x = 10 | |
| / | Division | x = y / 2 | y = 5 | x = 2.5 | |
| % | Modulus (division remainder) | x = y % 2 | y = 5 | x = 1 | |
| ++ | Increment | x = ++y | y = 6 | x = 6 | |
| x = y++ | y = 6 | x = 5 | |||
| -- | Decrement | x = --y | y = 4 | x = 4 | |
| x = y-- | y = 4 | x = 5 |
Untuk tutorial tentang operator aritmatika, baca Tutorial Aritmatika JavaScript kami .
Operator Penugasan JavaScript
Operator penetapan digunakan untuk menetapkan nilai ke variabel JavaScript.
Mengingat x = 10 dan y = 5 , tabel di bawah ini menjelaskan operator penugasan:
| Operator | Example | Same As | Result in x | Try it |
|---|---|---|---|---|
| = | x = y | x = y | x = 5 | |
| += | x += y | x = x + y | x = 15 | |
| -= | x -= y | x = x - y | x = 5 | |
| *= | x *= y | x = x * y | x = 50 | |
| /= | x /= y | x = x / y | x = 2 | |
| %= | x %= y | x = x % y | x = 0 |
Untuk tutorial tentang operator penugasan, baca Tutorial Penugasan JavaScript kami .
Operator String JavaScript
Operator +, dan += operator juga dapat digunakan untuk menggabungkan (menambahkan) string.
Mengingat bahwa text1 = "Baik " , text2 = "Pagi" , dan text3 = "" , tabel di bawah menjelaskan operator:
| Operator | Example | text1 | text2 | text3 | Try it |
|---|---|---|---|---|---|
| + | text3 = text1 + text2 | "Good " | "Morning" | "Good Morning" | |
| += | text1 += text2 | "Good Morning" | "Morning" | "" |
Operator Perbandingan
Operator perbandingan digunakan dalam pernyataan logis untuk menentukan kesetaraan atau perbedaan antara variabel atau nilai.
Mengingat x = 5 , tabel di bawah ini menjelaskan operator perbandingan:
| Operator | Description | Comparing | Returns | Try it |
|---|---|---|---|---|
| == | equal to | x == 8 | false | |
| x == 5 | true | |||
| === | equal value and equal type | x === "5" | false | |
| x === 5 | true | |||
| != | not equal | x != 8 | true | |
| !== | not equal value or not equal type | x !== "5" | true | |
| x !== 5 | false | |||
| > | greater than | x > 8 | false | |
| < | less than | x < 8 | true | |
| >= | greater than or equal to | x >= 8 | false | |
| <= | less than or equal to | x <= 8 | true |
Untuk tutorial tentang operator perbandingan, baca Tutorial Perbandingan JavaScript kami .
Operator Bersyarat (Terner)
Operator kondisional memberikan nilai ke variabel berdasarkan kondisi.
| Syntax | Example | Try it |
|---|---|---|
| variablename = (condition) ? value1:value2 | voteable = (age < 18) ? "Too young":"Old enough"; |
Contoh menjelaskan: Jika variabel "usia" bernilai di bawah 18, nilai variabel "dapat dipilih" akan menjadi "Terlalu muda", sebaliknya nilai yang dapat dipilih adalah "Sudah cukup tua".
Operator Logika
Operator logika digunakan untuk menentukan logika antar variabel atau nilai.
Mengingat x = 6 dan y = 3 , tabel di bawah ini menjelaskan operator logika:
| Operator | Description | Example | Try it |
|---|---|---|---|
| && | and | (x < 10 && y > 1) is true | |
| || | or | (x === 5 || y === 5) is false | |
| ! | not | !(x === y) is true |
Operator Bitwise JavaScript
Operator bit bekerja pada angka 32 bit. Setiap operan numerik dalam operasi diubah menjadi angka 32 bit. Hasilnya dikonversi kembali ke nomor JavaScript.
| Operator | Description | Example | Same as | Result | Decimal |
|---|---|---|---|---|---|
| & | AND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | OR | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NOT | x = ~ 5 | ~0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | Left shift | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | Right shift | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
Contoh di atas menggunakan 4 bit contoh unsigned. Tetapi JavaScript menggunakan nomor yang ditandatangani 32-bit.
Karena itu, dalam JavaScript, ~ 5 tidak akan mengembalikan 10. Ini akan mengembalikan -6.
~00000000000000000000000000000000101 akan mengembalikan 11111111111111111111111111111010
Jenis Operator
Operator typeof mengembalikan jenis variabel, objek, fungsi atau ekspresi:
Contoh
typeof "John"
// Returns string
typeof 3.14
// Returns number
typeof NaN
// Returns number
typeof false
// Returns boolean
typeof [1, 2, 3, 4] // Returns object
typeof {name:'John', age:34}
// Returns object
typeof new Date()
// Returns object
typeof function () {} // Returns function
typeof myCar
// Returns undefined (if myCar is not declared)
typeof null
// Returns object
Harap perhatikan:
- Tipe data NaN adalah angka
- Tipe data array adalah objek
- Tipe data tanggal adalah objek
- Tipe data null adalah objek
- Tipe data dari variabel yang tidak terdefinisi adalah tidak terdefinisi
Anda tidak dapat menggunakan typeof untuk menentukan apakah objek JavaScript adalah array (atau tanggal).
Operator penghapusan
Operator hapus menghapus properti dari objek:
Contoh
const person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
delete person.age; // or delete person["age"];
Operator hapus menghapus nilai properti dan properti itu sendiri.
Setelah dihapus, properti tidak dapat digunakan sebelum ditambahkan kembali.
Operator hapus dirancang untuk digunakan pada properti objek. Ini tidak berpengaruh pada variabel atau fungsi.
Catatan: Operator hapus tidak boleh digunakan pada properti objek JavaScript yang telah ditentukan sebelumnya. Itu bisa membuat aplikasi Anda crash.
Operator dalam
Operator in mengembalikan true jika properti yang ditentukan ada di objek yang ditentukan, jika tidak salah:
Contoh
// Arrays
const cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars // Returns false (specify the index number instead of value)
0 in cars // Returns true
1 in cars // Returns true
4 in cars // Returns false (does not exist)
"length" in cars // Returns true (length is an Array property)
// Objects
const person = {firstName:"John", lastName:"Doe", age:50};
"firstName" in person // Returns true
"age" in person // Returns true
// Predefined objects
"PI" in Math // Returns true
"NaN" in Number // Returns true
"length" in String // Returns true
Contoh Operator
Operator instanceof mengembalikan nilai true jika objek yang ditentukan adalah turunan dari objek yang ditentukan:
Contoh
const cars = ["Saab", "Volvo", "BMW"];
(cars instanceof Array) // Returns true
(cars instanceof Object) // Returns true
(cars instanceof String) // Returns false
(cars instanceof Number) // Returns false
Operator kosong
Operator void mengevaluasi ekspresi dan mengembalikan undefined . Operator ini sering digunakan untuk mendapatkan nilai primitif yang tidak ditentukan, menggunakan "void(0)" (berguna saat mengevaluasi ekspresi tanpa menggunakan nilai kembalian).
Contoh
<a href="#;">
Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
Click me to change the background color of body to red
</a>