Panduan Rujukan Operator JavaScript

Operator JavaScript digunakan untuk penetapan nilai, perbandingan nilai, melaksanakan operasi aritmetika, dll.

Lihat juga:

Panduan:Operator JavaScript

Panduan:Prioriti Operator JavaScript

Operator aritmetika JavaScript

Operator aritmetika digunakan untuk melaksanakan operasi aritmetika di antara variabel dan/atau nilai.

Diberikan y = 5,tabel di bawah menjelaskan operator aritmetika:

Operator Deskripsi Contoh hasil di y hasil di x Coba sendiri
+ penambahan x = y + 2 y = 5 x = 7 Coba sendiri
- pengurangan x = y - 2 y = 5 x = 3 Coba sendiri
* perkalian x = y * 2 y = 5 x = 10 Coba sendiri
/ pembagian x = y / 2 y = 5 x = 2.5 Coba sendiri
% modulus (sisa bagi) x = y % 2 y = 5 x = 1 Coba sendiri
++ peng tambahan x = ++y y = 6 x = 6 Coba sendiri
x = y++ y = 6 x = 5 Coba sendiri
-- pengurangan x = --y y = 4 x = 4 Coba sendiri
x = y-- y = 4 x = 5 Coba sendiri

Untuk pengetahuan tentang operator penghitungan, baca Panduan Penghitungan Aritmetika JavaScript.

Operator pengaturan JavaScript

Operator pengaturan digunakan untuk menetapkan nilai variabel JavaScript.

Diberikan x = 10 dan y = 5,tabel di bawah menjelaskan operator pengaturan:

Operator Contoh Sama dengan hasil di x Coba sendiri
= x = y x = y x = 5 Coba sendiri
+= x += y x = x + y x = 15 Coba sendiri
-= x -= y x = x - y x = 5 Coba sendiri
*= x *= y x = x * y x = 50 Coba sendiri
/= x /= y x = x / y x = 2 Coba sendiri
%= x %= y x = x % y x = 0 Coba sendiri

Untuk pengetahuan tentang operator pengaturan, baca Panduan Pengaturan JavaScript.

operator string JavaScript

operator + dan += boleh digunakan untuk menggabungkan (menambah) string.

Diberikan text1 = "Selamat "text2 = "Pagi",dan text3 = "",tabel di bawah menjelaskan operator ini:

Operator Contoh text1 text2 text3 Coba sendiri
+ text3 = text1 + text2 "Selamat " "Pagi" "Selamat Pagi" Coba sendiri
+= text1 += text2 "Selamat Pagi" "Pagi" "" Coba sendiri

operator perbandingan

Gunakan operator perbandingan untuk menentukan kesamaan atau perbedaan antara variabel atau nilai dalam kalimat logika.

Diberikan x = 5,tabel di bawah menjelaskan operator perbandingan:

Operator Deskripsi perbandingan kembali Coba sendiri
== sama x == 8 false Coba sendiri
x == 5 true Coba sendiri
=== nilai dan jenis yang sama x === "5" false Coba sendiri
x === 5 true Coba sendiri
!= tidak sama x != 8 true Coba sendiri
!== Nilai yang berbeda atau tipe yang berbeda x !== "5" true Coba sendiri
x !== 5 false Coba sendiri
> Lebih dari x > 8 false Coba sendiri
< Kurang dari x < 8 true Coba sendiri
>= Lebih dari atau sama dengan x >= 8 false Coba sendiri
<= Kurang dari atau sama dengan x <= 8 true Coba sendiri

Untuk pemahaman tentang operator perbandingan, baca Panduan perbandingan JavaScript.

Operator kondisi (tiga arah)

Operator kondisi menyalin nilai ke variabel berdasarkan kondisi.

Grammar

variablename = (condition) ? value1:value2

实例

voteable = (age < 18) ? "Too young":"Old enough";

Try It Yourself

Pengertian contoh:

Jika nilai variabel "age" kurang dari 18, nilai variabel "voteable" akan menjadi "Too young", jika tidak, nilai "voteable" akan menjadi "Old enough".

Operator logika

Operator logika digunakan untuk menentukan logika antara variabel atau nilai.

Diberikan x = 6 dan y = 3Berikut tabel menjelaskan operator logika:

Operator Deskripsi Contoh Coba sendiri
&& dan (x < 10 && y > 1) adalah true Coba sendiri
|| atau (x === 5 || y === 5) adalah false Coba sendiri
! tidak !(x === y) adalah true Coba sendiri

Operator bit JavaScript

Operator bit dapat memproses bilangan 32 bit. Setiap angka operand dalam operasi ini akan diubah menjadi bilangan 32 bit. Hasil akan diubah kembali menjadi bilangan JavaScript.

Operator Deskripsi Contoh Sama dengan Hasil Desimal
& 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 ^ 0100 4
<< Left shift x = 5 << 1 0101 << 1 1010 10
>> Right shift x = 5 >> 1 0101 >> 1 0010 2

Contoh di atas menggunakan contoh 4 bit unsigned. Tetapi JavaScript menggunakan bilangan 32 bit signed.

Jadi, di JavaScript, ~5 bukan akan kembalikan 10, melainkan -6.

~00000000000000000000000000000101 akan kembali 11111111111111111111111111111010

Operator typeof

typeof Operator mengembalikan tipe variabel, objek, fungsi, atau ekspresi:

实例

typeof "Bill"                 // Kembalikan string
typeof 3.14                   // Kembalikan number
typeof NaN                    // Kembalikan number
typeof false                  // Kembalikan boolean
typeof [1, 2, 3, 4]           // Kembalikan object
typeof {name:'Bill', age:19}  // Kembalikan object
typeof new Date()             // Kembalikan object
typeof function () {}         // Kembalikan function
typeof myCar                  // Kembalikan undefined (jika belum dideklarasikan myCar)
typeof null                   // Kembalikan object

Try It Yourself

Perhatian:

  • Tipe data NaN adalah number
  • Tipe data array adalah object
  • Tipe data tanggal adalah object
  • Tipe data null adalah object
  • Tipe data variabel yang belum diatur adalah undefined

Anda tidak dapat menggunakan typeof untuk mendefinisikan apakah objek JavaScript adalah array (atau tanggal).

Anda tidak dapat menggunakan typeof untuk mendefinisikan apakah objek JavaScript adalah array (atau tanggal).

Operator delete

delete Operator menghapus properti dari objek:

实例

var person = {firstName:"Bill", lastName:"Gates", age:19, eyeColor:"blue"};
delete person.age;   // Menghapus person["age"];

Try It Yourself

Operator delete akan menghapus nilai dan properti sendiri secara bersamaan.

Sebelum menambahkannya kembali setelah dihapus, properti itu tidak dapat digunakan.

Operator delete bertujuan untuk digunakan untuk properti objek. Ia tidak mempengaruhi variabel atau fungsi.

注释:不应在预定义的 JavaScript 对象属性上使用 delete 运算符。这么做可能会使您的应用程序崩溃。

in 运算符

如果指定的属性在指定的对象中,则 in 运算符将返回 true,否则返回 false:

实例

// 数组
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars          // 返回 false(指定索引号而不是值)
0 in cars               // 返回 true
1 in cars               // 返回 true
4 in cars               // 返回 false(不存在)
"length" in cars        // 返回 true(length 是数组属性)
// 对象
var person = {firstName:"Bill", lastName:"Gates", age:19};
"firstName" in person   // 返回 true
"age" in person         // 返回 true
// 预定义对象
"PI" in Math            // 返回 true
"NaN" in Number         // 返回 true
"length" in String      // 返回 true

Try It Yourself

instanceof 运算符

如果指定对象是指定对象的实例,则 instanceof 运算符返回 true:

实例

var cars = ["Saab", "Volvo", "BMW"];
cars instanceof Array;          // 返回 true
cars instanceof Object;         // 返回 true
cars instanceof String;         // 返回 false
cars instanceof Number;         // 返回 false

Try It Yourself

void 运算符

void 运算符计算一个表达式并返回 undefined。该运算符通常用于使用 "void(0)" 来获取未定义的原始值(在计算表达式而不使用返回值时很有用)。

实例

<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>

Try It Yourself