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