JavaScript Operatörleri Referansı
JavaScript operatörleri, değerleri atamak, değerleri karşılaştırmak, aritmetik işlemleri gerçekleştirmek ve daha fazlası için kullanılır.
JavaScript Aritmetik Operatörleri
Aritmetik operatörler, değişkenler ve/veya değerler arasında aritmetik yapmak için kullanılır.
y = 5 olduğu göz önüne alındığında , aşağıdaki tablo aritmetik operatörleri açıklar:
| 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 |
Aritmetik operatörler hakkında bir eğitim için JavaScript Aritmetik Eğitimimizi okuyun .
JavaScript Atama Operatörleri
Atama operatörleri, JavaScript değişkenlerine değer atamak için kullanılır.
x = 10 ve y = 5 olduğu göz önüne alındığında , aşağıdaki tablo atama operatörlerini açıklar:
| 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 |
Atama operatörleri hakkında bir eğitim için JavaScript Atama Eğitimimizi okuyun .
JavaScript Dize Operatörleri
+ operatörü ve += operatörü, dizeleri birleştirmek (eklemek) için de kullanılabilir.
text1 = "Good " , text2 = "Morning" ve text3 = "" olduğu göz önüne alındığında , aşağıdaki tablo operatörleri açıklar:
| Operator | Example | text1 | text2 | text3 | Try it |
|---|---|---|---|---|---|
| + | text3 = text1 + text2 | "Good " | "Morning" | "Good Morning" | |
| += | text1 += text2 | "Good Morning" | "Morning" | "" |
Karşılaştırma Operatörleri
Karşılaştırma operatörleri, değişkenler veya değerler arasındaki eşitliği veya farkı belirlemek için mantıksal ifadelerde kullanılır.
x = 5 olduğu göz önüne alındığında , aşağıdaki tablo karşılaştırma operatörlerini açıklar:
| 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 |
Karşılaştırma operatörleri hakkında bir eğitim için JavaScript Karşılaştırmaları Eğitimimizi okuyun .
Koşullu (Üçlü) Operatör
Koşul operatörü, bir koşula dayalı olarak bir değişkene bir değer atar.
| Syntax | Example | Try it |
|---|---|---|
| variablename = (condition) ? value1:value2 | voteable = (age < 18) ? "Too young":"Old enough"; |
Açıklanan örnek: "Yaş" değişkeni 18'in altında bir değerse, "oy verilebilir" değişkeninin değeri "Çok genç" olacaktır, aksi takdirde oy verilebilir değeri "Yeterince eski" olacaktır.
Mantıksal operatörler
Mantıksal operatörler, değişkenler veya değerler arasındaki mantığı belirlemek için kullanılır.
x = 6 ve y = 3 olduğu göz önüne alındığında , aşağıdaki tablo mantıksal operatörleri açıklar:
| Operator | Description | Example | Try it |
|---|---|---|---|
| && | and | (x < 10 && y > 1) is true | |
| || | or | (x === 5 || y === 5) is false | |
| ! | not | !(x === y) is true |
JavaScript Bitsel Operatörler
Bit operatörleri 32 bit sayılar üzerinde çalışır. İşlemdeki herhangi bir sayısal işlenen 32 bitlik bir sayıya dönüştürülür. Sonuç tekrar bir JavaScript numarasına dönüştürülür.
| 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 |
Yukarıdaki örneklerde 4 bitlik işaretsiz örnekler kullanılmıştır. Ancak JavaScript, 32 bit imzalı sayılar kullanır.
Bu nedenle JavaScript'te ~ 5, 10 döndürmez. -6 döndürür.
~0000000000000000000000000000000101, 11111111111111111111111111111111010 değerini döndürür
Operatör tipi
typeof operatörü , bir değişken, nesne, işlev veya ifadenin türünü döndürür:
Örnek
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
Lütfen dikkat edin:
- NaN'nin veri türü sayıdır
- Bir dizinin veri türü nesnedir
- Bir tarihin veri türü nesnedir
- null veri türü nesnedir
- Tanımsız bir değişkenin veri türü tanımsızdır
Bir JavaScript nesnesinin bir dizi (veya bir tarih) olup olmadığını tanımlamak için typeof'u kullanamazsınız .
silme Operatörü
Silme operatörü, bir nesneden bir özelliği siler :
Örnek
const person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
delete person.age; // or delete person["age"];
Silme operatörü hem özelliğin değerini hem de özelliğin kendisini siler.
Silindikten sonra özellik tekrar eklenmeden kullanılamaz.
Silme operatörü, nesne özelliklerinde kullanılmak üzere tasarlanmıştır. Değişkenler veya fonksiyonlar üzerinde hiçbir etkisi yoktur.
Not: Silme operatörü, önceden tanımlanmış JavaScript nesne özelliklerinde kullanılmamalıdır. Uygulamanızı çökertebilir.
Operatörde
in operatörü , belirtilen özellik belirtilen nesnedeyse true, aksi takdirde false döndürür:
Örnek
// 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
Operatör örneği
Belirtilen nesne belirtilen nesnenin bir örneğiyse, instanceof operatörü true değerini döndürür :
Örnek
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
boşluk Operatörü
void operatörü bir ifadeyi değerlendirir ve undefined değerini döndürür . Bu operatör genellikle "void(0)" (dönüş değerini kullanmadan bir ifadeyi değerlendirirken kullanışlıdır) kullanarak tanımsız ilkel değeri elde etmek için kullanılır.
Örnek
<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>