JavaScript Operatörleri

İçindekiler

Ekleme Operatörü + sayıları ekler:

Atama Operatörü = bir değişkene bir değer atar.

JavaScript Ataması

Atama Operatörü (=) bir değişkene bir değer atar:

Ödev Örnekleri

let x = 10;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The = Operator</h2>

<p id="demo"></p>

<script>
let x = 10;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z:
let z = x + y;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The Assignment (=) Operator</h2>

<p id="demo"></p>

<script>
// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z
let z = x + y;
// Display z
document.getElementById("demo").innerHTML = "The sum of x + y is: " + z;
</script>

</body>
</html>

JavaScript Eklemesi

Ekleme Operatörü (+) sayıları ekler:

Ekleme

let x = 5;
let y = 2;
let z = x + y;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The + Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x + y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

JavaScript Çarpma

Çarpma Operatörü (*) sayıları çarpar:

Çarpma

let x = 5;
let y = 2;
let z = x * y;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The * Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x * y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

JavaScript Operatörlerinin Türleri

Farklı türde JavaScript operatörleri vardır:

Aritmetik operatörler
Atama Operatörleri
Karşılaştırma Operatörleri
Dize Operatörleri
Mantıksal operatörler
Bitsel Operatörler
Üçlü Operatörler
Tip Operatörler

JavaScript Aritmetik Operatörleri

Aritmetik Operatörler sayılar üzerinde aritmetik işlem yapmak için kullanılır:

Aritmetik Operatörler Örneği

let a = 3;
let x = (100 + 50) * a;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Arithmetic Operations</h2>
<p>A typical arithmetic operation takes two numbers (or expressions) and produces a new number.</p>

<p id="demo"></p>

<script>
let a = 3;
let x = (100 + 50) * a;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

+: Ek
-: Çıkarma
*: Çarpma işlemi
**: Üs alma (ES2016)
/: Bölüm
%: Modül (Bölme Kalan)
++: Artış
--: Azaltma

Not

Aritmetik operatörler bölümünde tam olarak açıklanmıştır. JS Aritmetik bölümü.

JavaScript Atama Operatörleri

Atama operatörleri, JavaScript değişkenlerine değer atar.

Ekleme Atama Operatörü (+=) bir değişkene değer ekler.

Atama

let x = 10;
x += 5;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The += Operator</h2>

<p id="demo"></p>

<script>
var x = 10;
x += 5;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Operator	Example	Same As
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y
**=	x **= y	x = x ** y

Not

Atama operatörleri bölümünde tam olarak açıklanmıştır. JS Atama bölümü.

JavaScript Karşılaştırma Operatörleri

==: eşittir
===: eşit değer ve eşit tür
!=: eşit değil
!==: eşit değerde değil veya eşit türde değil
>: daha büyük
<: daha az
>=: büyük veya eşit
<=: küçük veya eşit
?: üçlü operatör

Not

Karşılaştırma işleçleri bölümünde tam olarak açıklanmıştır. JS Karşılaştırmaları bölümü.

JavaScript Dize Karşılaştırması

Yukarıdaki karşılaştırma operatörlerinin tümü dizelerde de kullanılabilir:

Örnek

let text1 = "A";
let text2 = "B";
let result = text1 < text2;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>

<p>All conditional operators can be used on both numbers and strings.</p>

<p id="demo"></p>

<script>
let text1 = "A";
let text2 = "B";
let result = text1 < text2;
document.getElementById("demo").innerHTML = "Is A less than B? " + result;
</script>

</body>
</html>

Dizelerin alfabetik olarak karşılaştırıldığını unutmayın:

Örnek

let text1 = "20";
let text2 = "5";
let result = text1 < text2;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Operators</h1>
<p>Note that strings are compared alphabetically:</p>

<p id="demo"></p>

<script>
let text1 = "20";
let text2 = "5";
let result = text1 < text2;
document.getElementById("demo").innerHTML = "Is 20 less than 5? " + result;
</script>

</body>
</html>

JavaScript Dizesi Ekleme

+ ayrıca dizeleri eklemek (birleştirmek) için de kullanılabilir:

Örnek

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The + Operator</h2>
<p>The + operator concatenates (adds) strings.</p>

<p id="demo"></p>

<script>
let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;
document.getElementById("demo").innerHTML = text3;
</script>

</body>
</html>

+= atama operatörü aynı zamanda dizeleri eklemek (birleştirmek) için de kullanılabilir:

Örnek

let text1 = "What a very ";
text1 += "nice day";

Text1'in sonucu şöyle olacaktır:

What a very nice day

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The += Operator</h2>
<p>The assignment operator += can concatenate strings.</p>

<p id="demo"></p>

<script>
let text1 = "What a very ";
text1 += "nice day";
document.getElementById("demo").innerHTML = text1;
</script>

</body>
</html>

Not

+ operatörü dizelerde kullanıldığında birleştirme operatörü olarak adlandırılır.

Dizeler ve Sayılar Ekleme

İki sayı eklemek toplamı döndürür, ancak bir sayı ve bir dize eklemek bir dize döndürür:

Örnek

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

x, y ve z'nin sonucu şöyle olacaktır:


10

55

Hello5

Kendiniz Deneyin →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The + Operator</h2>
<p>Adding a number and a string, returns a string.</p>

<p id="demo"></p>

<script>
let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;
document.getElementById("demo").innerHTML =
x + "<br>" + y + "<br>" + z;
</script>

</body>
</html>

Not

Bir sayı ve bir dize eklerseniz sonuç bir dize olacaktır!

JavaScript Mantıksal Operatörleri

&&: mantıksal ve
||: mantıksal veya
!: mantıksal değil

Not

Mantıksal operatörler bölümünde tam olarak açıklanmıştır. JS Karşılaştırmaları bölümü.

JavaScript Türü Operatörleri

typeof: Bir değişkenin türünü döndürür
instanceof: Bir nesne, bir nesne türünün örneği ise true değerini döndürür

Not

Tür operatörleri JS Tür Dönüştürme bölümünde tam olarak açıklanmıştır.

JavaScript Bitsel Operatörler

Bit operatörleri 32 bitlik 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	5 & 1	0101 & 0001	0001	1
\|	OR	5 \| 1	0101 \| 0001	0101	5
~	NOT	~ 5	~0101	1010	10
^	XOR	5 ^ 1	0101 ^ 0001	0100	4
<<	left shift	5 << 1	0101 << 1	1010	10
>>	right shift	5 >> 1	0101 >> 1	0010	2
>>>	unsigned right shift	5 >>> 1	0101 >>> 1	0010	2

Yukarıdaki örneklerde 4 bitlik imzasız örnekler kullanılmaktadır. Ancak JavaScript 32 bit imzalı sayılar kullanır.
Bu nedenle, JavaScript'te ~ 5, 10 değerini döndürmez. -6 değerini döndürür.
~0000000000000000000000000000000101 11111111111111111111111111111010 değerini döndürecek

Bitsel operatörler JS'de tam olarak açıklanmıştır Bitsel bölüm.