JavaScript - Operatörler
Operatör nedir?
Basit bir ifade alalım 4 + 5 is equal to 9. Burada 4 ve 5 deniroperands ve "+", operator. JavaScript, aşağıdaki operatör türlerini destekler.
- Aritmetik operatörler
- Karşılaştırma Operatörleri
- Mantıksal (veya İlişkisel) Operatörler
- Atama Operatörleri
- Koşullu (veya üçlü) Operatörler
Tüm operatörleri tek tek inceleyelim.
Aritmetik operatörler
JavaScript aşağıdaki aritmetik operatörleri destekler -
A değişkeninin 10, B değişkeninin 20 olduğunu varsayalım, o zaman -
| Sr.No. | Operatör ve Açıklama |
|---|---|
| 1 | + (Addition) İki işlenen ekler Ex: A + B 30 verecek |
| 2 | - (Subtraction) İlk işlenenden ikinci işleneni çıkarır Ex: A - B -10 verecek |
| 3 | * (Multiplication) Her iki işlenenle çarpın Ex: A * B 200 verecek |
| 4 | / (Division) Payı paydaya bölün Ex: B / A 2 verecek |
| 5 | % (Modulus) Bir tamsayı bölümünün kalanını verir Ex: B% A 0 verir |
| 6 | ++ (Increment) Bir tamsayı değerini bir artırır Ex: A ++, 11 verecek |
| 7 | -- (Decrement) Bir tamsayı değerini bir azaltır Ex: A-- 9 verecek |
Note- Toplama operatörü (+) Sayısal ve Dizeler için çalışır. örneğin "a" + 10, "a10" verir.
Misal
Aşağıdaki kod, JavaScript'te aritmetik operatörlerin nasıl kullanılacağını gösterir.
<html>
<body>
<script type = "text/javascript">
<!--
var a = 33;
var b = 10;
var c = "Test";
var linebreak = "<br />";
document.write("a + b = ");
result = a + b;
document.write(result);
document.write(linebreak);
document.write("a - b = ");
result = a - b;
document.write(result);
document.write(linebreak);
document.write("a / b = ");
result = a / b;
document.write(result);
document.write(linebreak);
document.write("a % b = ");
result = a % b;
document.write(result);
document.write(linebreak);
document.write("a + b + c = ");
result = a + b + c;
document.write(result);
document.write(linebreak);
a = ++a;
document.write("++a = ");
result = ++a;
document.write(result);
document.write(linebreak);
b = --b;
document.write("--b = ");
result = --b;
document.write(result);
document.write(linebreak);
//-->
</script>
Set the variables to different values and then try...
</body>
</html>Çıktı
a + b = 43
a - b = 23
a / b = 3.3
a % b = 3
a + b + c = 43Test
++a = 35
--b = 8
Set the variables to different values and then try...Karşılaştırma Operatörleri
JavaScript, aşağıdaki karşılaştırma operatörlerini destekler -
A değişkeninin 10, B değişkeninin 20 olduğunu varsayalım, o zaman -
| Sr.No. | Operatör ve Açıklama |
|---|---|
| 1 |
= = (Equal) İki işlenenin değerinin eşit olup olmadığını kontrol eder, evet ise koşul doğru olur. Ex: (A == B) doğru değil. |
| 2 |
!= (Not Equal) İki işlenenin değerinin eşit olup olmadığını kontrol eder, değerler eşit değilse, koşul doğru olur. Ex: (A! = B) doğrudur. |
| 3 |
> (Greater than) Soldaki işlenenin değerinin sağ işlenenin değerinden büyük olup olmadığını kontrol eder, evet ise koşul doğru olur. Ex: (A> B) doğru değil. |
| 4 |
< (Less than) Soldaki işlenenin değerinin sağ işlenenin değerinden küçük olup olmadığını kontrol eder, evet ise koşul doğru olur. Ex: (A <B) doğrudur. |
| 5 |
>= (Greater than or Equal to) Sol işlenenin değerinin sağ işlenenin değerinden büyük veya ona eşit olup olmadığını kontrol eder, eğer evet ise, o zaman koşul doğru olur. Ex: (A> = B) doğru değil. |
| 6 |
<= (Less than or Equal to) Sol işlenenin değerinin sağ işlenenin değerinden küçük veya ona eşit olup olmadığını kontrol eder, evet ise, koşul doğru olur. Ex: (A <= B) doğrudur. |
Misal
Aşağıdaki kod, JavaScript'te karşılaştırma işleçlerinin nasıl kullanılacağını gösterir.
<html>
<body>
<script type = "text/javascript">
<!--
var a = 10;
var b = 20;
var linebreak = "<br />";
document.write("(a == b) => ");
result = (a == b);
document.write(result);
document.write(linebreak);
document.write("(a < b) => ");
result = (a < b);
document.write(result);
document.write(linebreak);
document.write("(a > b) => ");
result = (a > b);
document.write(result);
document.write(linebreak);
document.write("(a != b) => ");
result = (a != b);
document.write(result);
document.write(linebreak);
document.write("(a >= b) => ");
result = (a >= b);
document.write(result);
document.write(linebreak);
document.write("(a <= b) => ");
result = (a <= b);
document.write(result);
document.write(linebreak);
//-->
</script>
Set the variables to different values and different operators and then try...
</body>
</html>Çıktı
(a == b) => false
(a < b) => true
(a > b) => false
(a != b) => true
(a >= b) => false
a <= b) => true
Set the variables to different values and different operators and then try...Mantıksal operatörler
JavaScript aşağıdaki mantıksal operatörleri destekler -
A değişkeninin 10, B değişkeninin 20 olduğunu varsayalım, o zaman -
| Sr.No. | Operatör ve Açıklama |
|---|---|
| 1 | && (Logical AND) Her iki işlenen de sıfır değilse, koşul doğru olur. Ex: (A && B) doğrudur. |
| 2 | || (Logical OR) İki işlenenden herhangi biri sıfır değilse, koşul doğru olur. Ex: (A || B) doğrudur. |
| 3 | ! (Logical NOT) İşleneninin mantıksal durumunu tersine çevirir. Bir koşul doğruysa, Mantıksal NOT operatörü onu yanlış yapar. Ex:! (A && B) yanlıştır. |
Misal
JavaScript'te Mantıksal Operatörlerin nasıl uygulanacağını öğrenmek için aşağıdaki kodu deneyin.
<html>
<body>
<script type = "text/javascript">
<!--
var a = true;
var b = false;
var linebreak = "<br />";
document.write("(a && b) => ");
result = (a && b);
document.write(result);
document.write(linebreak);
document.write("(a || b) => ");
result = (a || b);
document.write(result);
document.write(linebreak);
document.write("!(a && b) => ");
result = (!(a && b));
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>Çıktı
(a && b) => false
(a || b) => true
!(a && b) => true
Set the variables to different values and different operators and then try...Bitsel Operatörler
JavaScript, aşağıdaki bitsel operatörleri destekler -
A değişkeninin 2, B değişkeninin 3, sonra -
| Sr.No. | Operatör ve Açıklama |
|---|---|
| 1 | & (Bitwise AND) Tamsayı argümanlarının her bitinde bir Boolean AND işlemi gerçekleştirir. Ex: (A ve B) 2'dir. |
| 2 | | (BitWise OR) Tamsayı bağımsız değişkenlerinin her bitinde bir Boole VEYA işlemi gerçekleştirir. Ex: (A | B) 3'tür. |
| 3 | ^ (Bitwise XOR) Tamsayı bağımsız değişkenlerinin her bitinde bir Boole özel OR işlemi gerçekleştirir. Dışlayıcı OR, işlenen birin doğru olduğu veya işlenen iki'nin doğru olduğu, ancak her ikisinin birden olmadığı anlamına gelir. Ex: (A ^ B) 1'dir. |
| 4 | ~ (Bitwise Not) Tekli bir operatördür ve işlenendeki tüm bitleri ters çevirerek çalışır. Ex: (~ B) -4'tür. |
| 5 | << (Left Shift) İlk işlenendeki tüm bitleri ikinci işlenende belirtilen basamak sayısı kadar sola taşır. Yeni bitler sıfırlarla doldurulur. Bir değeri sola kaydırmak onu 2 ile çarpmaya eşdeğerdir, iki konumu kaydırmak 4 ile çarpmaya eşdeğerdir, vb. Ex: (A << 1) 4'tür. |
| 6 | >> (Right Shift) İkili Sağ Shift Operatörü. Soldaki işlenenin değeri, sağ işlenen tarafından belirtilen bit sayısı kadar sağa taşınır. Ex: (A >> 1) 1'dir. |
| 7 | >>> (Right shift with Zero) Sola kaydırılan bitlerin her zaman sıfır olması dışında bu operatör tıpkı >> operatörü gibidir. Ex: (A >>> 1) 1'dir. |
Misal
JavaScript'te Bitwise operatörünü uygulamak için aşağıdaki kodu deneyin.
<html>
<body>
<script type = "text/javascript">
<!--
var a = 2; // Bit presentation 10
var b = 3; // Bit presentation 11
var linebreak = "<br />";
document.write("(a & b) => ");
result = (a & b);
document.write(result);
document.write(linebreak);
document.write("(a | b) => ");
result = (a | b);
document.write(result);
document.write(linebreak);
document.write("(a ^ b) => ");
result = (a ^ b);
document.write(result);
document.write(linebreak);
document.write("(~b) => ");
result = (~b);
document.write(result);
document.write(linebreak);
document.write("(a << b) => ");
result = (a << b);
document.write(result);
document.write(linebreak);
document.write("(a >> b) => ");
result = (a >> b);
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>(a & b) => 2
(a | b) => 3
(a ^ b) => 1
(~b) => -4
(a << b) => 16
(a >> b) => 0
Set the variables to different values and different operators and then try...Atama Operatörleri
JavaScript aşağıdaki atama operatörlerini destekler -
| Sr.No. | Operatör ve Açıklama |
|---|---|
| 1 | = (Simple Assignment ) Sağ taraftaki işlenenden sol taraftaki işlenene değer atar Ex: C = A + B, A + B'nin değerini C'ye atar |
| 2 | += (Add and Assignment) Sağ işleneni sol işlenene ekler ve sonucu sol işlenene atar. Ex: C + = A, C = C + A'ya eşdeğerdir |
| 3 | −= (Subtract and Assignment) Sağ işleneni sol işlenenden çıkarır ve sonucu sol işlenene atar. Ex: C - = A, C = C - A'ya eşdeğerdir |
| 4 | *= (Multiply and Assignment) Sağ işleneni sol işlenenle çarpar ve sonucu sol işlenene atar. Ex: C * = A, C = C * A'ya eşdeğerdir |
| 5 | /= (Divide and Assignment) Soldaki işleneni sağ işlenenle böler ve sonucu sol işlenene atar. Ex: C / = A, C = C / A'ya eşdeğerdir |
| 6 | %= (Modules and Assignment) İki işlenen kullanarak modülü alır ve sonucu soldaki işlenene atar. Ex: C% = A eşdeğerdir C = C% A |
Note - Aynı mantık Bitwise işleçleri için de geçerlidir, böylece << =, >> =, >> =, & =, | = ve ^ = gibi olurlar.
Misal
JavaScript'te atama işleci uygulamak için aşağıdaki kodu deneyin.
<html>
<body>
<script type = "text/javascript">
<!--
var a = 33;
var b = 10;
var linebreak = "<br />";
document.write("Value of a => (a = b) => ");
result = (a = b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a += b) => ");
result = (a += b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a -= b) => ");
result = (a -= b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a *= b) => ");
result = (a *= b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a /= b) => ");
result = (a /= b);
document.write(result);
document.write(linebreak);
document.write("Value of a => (a %= b) => ");
result = (a %= b);
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>Çıktı
Value of a => (a = b) => 10
Value of a => (a += b) => 20
Value of a => (a -= b) => 10
Value of a => (a *= b) => 100
Value of a => (a /= b) => 10
Value of a => (a %= b) => 0
Set the variables to different values and different operators and then try...Çeşitli Operatör
Burada JavaScript'te oldukça yararlı olan iki operatörü tartışacağız: conditional operator (? :) ve typeof operator.
Koşullu Operatör (? :)
Koşullu operatör, önce doğru veya yanlış değer için bir ifadeyi değerlendirir ve ardından değerlendirmenin sonucuna bağlı olarak verilen iki ifadeden birini yürütür.
| Sr.No. | Operatör ve Açıklama |
|---|---|
| 1 | ? : (Conditional ) Koşul doğruysa? Ardından X değeri: Aksi takdirde Y değeri |
Misal
Koşullu İşlecin JavaScript'te nasıl çalıştığını anlamak için aşağıdaki kodu deneyin.
<html>
<body>
<script type = "text/javascript">
<!--
var a = 10;
var b = 20;
var linebreak = "<br />";
document.write ("((a > b) ? 100 : 200) => ");
result = (a > b) ? 100 : 200;
document.write(result);
document.write(linebreak);
document.write ("((a < b) ? 100 : 200) => ");
result = (a < b) ? 100 : 200;
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>Çıktı
((a > b) ? 100 : 200) => 200
((a < b) ? 100 : 200) => 100
Set the variables to different values and different operators and then try...typeof Operatörü
typeofoperatör, herhangi bir türden olabilen tek işlenenden önce yerleştirilen tekli bir operatördür. Değeri, işlenenin veri türünü gösteren bir dizedir.
Typeof onun işlenen bir sayı, dize veya mantıksal değer döndürür değerlendirmeye dayalı doğru veya yanlış olması durumunda "boolean" "sayı", "dizesi" veya operatör değerlendirir.
İşte dönüş değerlerinin bir listesi typeof Şebeke.
| Tür | Typeof tarafından döndürülen String |
|---|---|
| Numara | "numara" |
| Dize | "dize" |
| Boole | "boole" |
| Nesne | "nesne" |
| Fonksiyon | "işlev" |
| Tanımsız | "Tanımsız" |
| Boş | "nesne" |
Misal
Aşağıdaki kod, nasıl uygulanacağını gösterir typeof Şebeke.
<html>
<body>
<script type = "text/javascript">
<!--
var a = 10;
var b = "String";
var linebreak = "<br />";
result = (typeof b == "string" ? "B is String" : "B is Numeric");
document.write("Result => ");
document.write(result);
document.write(linebreak);
result = (typeof a == "string" ? "A is String" : "A is Numeric");
document.write("Result => ");
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Set the variables to different values and different operators and then try...</p>
</body>
</html>Çıktı
Result => B is String
Result => A is Numeric
Set the variables to different values and different operators and then try...