JavaScript operator yang digunakan untuk menetapkan nilai-nilai, membandingkan nilai-nilai, melakukan operasi aritmatika, dan banyak lagi.
JavaScript Aritmatika Operator
operator aritmatika digunakan untuk melakukan aritmatika antara variabel dan / atau nilai-nilai.
Mengingat bahwa y = 5 , tabel di bawah menjelaskan operator aritmatika:
| Operator | Deskripsi | Contoh | Hasil di y | Hasil di x | Cobalah |
|---|---|---|---|---|---|
| + | Tambahan | x = y + 2 | y = 5 | x = 7 | Cobalah " |
| - | Pengurangan | x = y - 2 | y = 5 | x = 3 | Cobalah " |
| * | Perkalian | x = y * 2 | y = 5 | x = 10 | Cobalah " |
| / | Divisi | x = y / 2 | y = 5 | x = 2,5 | Cobalah " |
| % | Modulus (division remainder) | x = y% 2 | y = 5 | x = 1 | Cobalah " |
| ++ | Kenaikan | x = ++ y | y = 6 | x = 6 | Cobalah " |
| x = y ++ | y = 6 | x = 5 | Cobalah " | ||
| - | Pengurangan | x = --y | y = 4 | x = 4 | Cobalah " |
| x = y-- | y = 4 | x = 5 | Cobalah " |
Untuk tutorial tentang operator aritmatika, baca JavaScript Aritmatika Tutorial .
Operator Penugasan JavaScript
operator penugasan digunakan untuk memberikan nilai pada variabel JavaScript.
Mengingat bahwa x = 10 dan y = 5 , tabel di bawah menjelaskan operator penugasan:
| Operator | Contoh | Sama dengan | Hasil di x | Cobalah |
|---|---|---|---|---|
| = | x = y | x = y | x = 5 | Cobalah " |
| + = | x + = y | x = x + y | x = 15 | Cobalah " |
| - = | x - = y | x = x - y | x = 5 | Cobalah " |
| * = | x * = y | x = x * y | x = 50 | Cobalah " |
| / = | x / y = | x = x / y | x = 2 | Cobalah " |
| % = | x% = y | x = x% y | x = 0 | Cobalah " |
Untuk tutorial tentang operator penugasan, baca Penugasan JavaScript Tutorial .
JavaScript String Operator
The + operator, dan + = operator juga dapat digunakan untuk menggabungkan (add) string.
Mengingat bahwa text1 = "Good " , text2 = "Morning" , dan text3 = "" , tabel di bawah menjelaskan operator:
| Operator | Contoh | text1 | text2 | text3 | Cobalah |
|---|---|---|---|---|---|
| + | text3 = text1 + text2 | "Baik" | "Pagi" | "Selamat pagi" | Cobalah " |
| + = | text1 + = text2 | "Selamat pagi" | "Pagi" | "" | Cobalah " |
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 | Deskripsi | Perbandingan | Pengembalian | Cobalah |
|---|---|---|---|---|
| == | sama dengan | x == 8 | Salah | Cobalah " |
| x == 5 | benar | Cobalah " | ||
| === | nilai yang sama dan jenis yang sama | x === "5" | Salah | Cobalah " |
| x === 5 | benar | Cobalah " | ||
| ! = | tidak sama | x! = 8 | benar | Cobalah " |
| ! == | nilai tidak sama atau jenis tidak sama | x! == "5" | benar | Cobalah " |
| x! == 5 | Salah | Cobalah " | ||
| > | lebih besar dari | x> 8 | Salah | Cobalah " |
| < | kurang dari | x <8 | benar | Cobalah " |
| > = | lebih dari atau sama dengan | x> = 8 | Salah | Cobalah " |
| <= | kurang dari atau sama dengan | x <= 8 | benar | Cobalah " |
Untuk tutorial tentang operator perbandingan, baca Perbandingan JavaScript Tutorial .
Conditional (Ternary) Operator
Operator kondisional memberikan nilai ke variabel berdasarkan suatu kondisi.
| Sintaksis | Contoh | Cobalah |
|---|---|---|
| variableName = ( condition ) ? nilai1: nilai2 | voteable = (age < 18) ? "Too young" : "cukup lama"; | Cobalah " |
Contoh menjelaskan: Jika variabel "age" adalah nilai di bawah 18, nilai dari variabel "voteable" akan "Too young" , jika nilai voteable akan "Old enough" .
Operator logis
operator logika digunakan untuk menentukan logika antara variabel atau nilai-nilai.
Mengingat bahwa x = 6 and y = 3 , tabel di bawah menjelaskan operator logika:
| Operator | Deskripsi | Contoh | Cobalah |
|---|---|---|---|
| && | dan | (x < 10 && y > 1) benar | Cobalah " |
| || | atau | (X === 5 || y === 5) adalah palsu | Cobalah " |
| ! | tidak | !(x === y) benar | Cobalah " |
JavaScript Bitwise Operator
operator bit bekerja pada 32 nomor bit. Setiap operan numerik dalam operasi diubah menjadi nomor 32 bit. Hasilnya dikonversi kembali ke nomor JavaScript.
| Operator | Deskripsi | Contoh | Sama dengan | Hasil | Desimal |
|---|---|---|---|---|---|
| & | DAN | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | ATAU | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | TIDAK | x = ~ 5 | ~ 0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
| << | pergeseran kiri | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | shift kanan | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
Contoh di atas menggunakan 4 bit contoh unsigned. Tapi JavaScript menggunakan 32-bit nomor ditandatangani.
Karena itu, dalam JavaScript, ~ 5 tidak akan kembali 10. Ini akan kembali -6.
~ 00000000000000000000000000000101 akan kembali 11111111111111111111111111111010
The typeof 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
Cobalah sendiri " Silakan amati:
- Jenis data NaN adalah nomor
- Tipe data dari array adalah obyek
- Jenis data tanggal adalah objek
- Tipe data dari nol adalah obyek
- Tipe data dari variabel terdefinisi tidak terdefinisi
Anda tidak dapat menggunakan typeof untuk menentukan jika objek JavaScript adalah array (or a date) .
Hapus Operator
Operator delete menghapus properti dari suatu objek:
Contoh
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age; // or delete person["age"];
Cobalah sendiri " Operator delete menghapus baik nilai properti dan properti itu sendiri.
Setelah penghapusan, properti tidak dapat digunakan sebelum ditambahkan kembali lagi.
Operator delete dirancang untuk digunakan pada properti obyek. Ini tidak berpengaruh pada variabel atau fungsi.
Catatan: Operator hapus tidak boleh digunakan pada properti obyek JavaScript yang telah ditetapkan. Ini dapat menyebabkan crash aplikasi Anda.
Di Operator
Di Operator mengembalikan true jika properti yang ditentukan dalam objek tertentu, jika tidak palsu:
Contoh
// Arrays
var 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
var 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
Cobalah sendiri " The instanceof Operator
Operator instanceof mengembalikan true jika objek tertentu adalah turunan dari objek tertentu:
Contoh
var cars = ["Saab", "Volvo", "BMW"];
cars instanceof Array;
// Returns true
cars instanceof Object; // Returns true
cars instanceof String;
// Returns false
cars instanceof Number; // Returns false
Cobalah sendiri " Kekosongan Operator
Operator kekosongan mengevaluasi ekspresi dan mengembalikan undefined. Operator ini sering digunakan untuk mendapatkan nilai primitif undefined, menggunakan " void(0) " (berguna ketika mengevaluasi sebuah ekspresi tanpa menggunakan nilai kembali).
Contoh
<a href="javascript:void(0);">
Useless link
</a>
<a href="javascript:void(document.body.style.backgroundColor='red');">
Click
me to change the background color of body to red
</a>
Cobalah sendiri "