Operatör, yorumlayıcıya belirli bir matematiksel, ilişkisel veya mantıksal işlemi gerçekleştirmesini söyleyen bir semboldür. Operatörler bir veya daha fazla işlenen alır ve hedef değerleri veya işlenenleri manipüle etme yeteneğine sahiptir.

Bu makalede, JavaScript'teki farklı operatörleri ve bunların nasıl kullanılacağını örneklerle öğreneceksiniz.

JavaScript Operatör Türleri

JavaScript'in desteklediği çeşitli operatörler şunlardır:

  1. Aritmetik operatörler
  2. atama operatörleri
  3. dize operatörleri
  4. karşılaştırma operatörleri
  5. Mantıksal operatörler
  6. bitsel operatörler
  7. Özel operatörler

1. Aritmetik operatörler

İşlenenler üzerinde matematiksel hesaplamalar yapmak için aritmetik operatörleri kullanabilirsiniz. JavaScript aşağıdaki aritmetik operatörleri sağlar:

Toplama Operatörü (+)

Ekleme operatörünü kullanabilirsiniz (+) işlenenlere ekleme yapmak için.

a = 12 olsun;
b = 10 olsun;
sonuç = a+b olsun;
konsol.log (sonuç)
konsol.log (1+2);
konsol.log (a+6);

Çıktı:

22
3
18

Çıkarma Operatörü(-)

çıkarma operatörünü kullanın (-) sağ işleneni sol işlenenden çıkarmak için.

instagram viewer
a = 10 olsun;
b = 4 olsun;
sonuç = a-b olsun;
konsol.log (sonuç);
konsol.log (23-20);

Çıktı:

6
3

Çarpma Operatörü (*)

Çarpma operatörünü kullanın (*) işlenenleri çarpmak için.

a = 10 olsun;
b = 4 olsun;
sonuç = a*b olsun;
konsol.log (sonuç);
konsol.log (23*20);

Çıktı:

40
460

Bölüm Operatörü (/)

Bölme operatörünü kullanabilirsiniz (/) işlenenler üzerinde bölme yapmak için.

a = 10 olsun;
b = 4 olsun;
sonuç = a/b olsun;
konsol.log (sonuç);
konsol.log (40/20);

Çıktı:

2.5
2

Modül Operatörü (%)

Modül operatörü (%) iki işleneni daldırarak tamsayıdan kalanı döndürür.

a = 10 olsun;
b = 4 olsun;
sonuç = a%b olsun;
konsol.log (sonuç);
konsol.log (%4020);

Çıktı:

2
0

Üsleme Operatörü (**)

üs alma operatörü (**) üssü üssün üssünü hesaplar (taban^üs).

a = 3 olsun;
konsol.log (a**4);

Çıktı:

81

Arttırma Operatörü (++)

Artırma operatörü (++) tamsayı değerini bir artırır.

a = 3 olsun;
// a=4'ün değeri ve 4 döndürür
konsol.log(++a);
// a=5'in değeri ve 4 döndürür
konsol.log (a++);
// a=5'in değeri ve 5 döndürür
konsol.log(a);

Çıktı:

4
4
5

Azaltma İşleci (--)

Azaltma operatörü (--) tamsayı değerini bir azaltır.

a = 3 olsun;
// a=2'nin değeri ve 2 döndürür
konsol.log(--a);
// a=1'in değeri ve 2 döndürür
konsol.log (a--);
// a=1'in değeri ve 1 döndürür
konsol.log(a);

Çıktı:

2
2
1

Tekli Artı Operatörü(+)

tekli artı operatörü (+) zaten değilse, işleneni bir sayıya dönüştürmeye çalışır.

konsol.log (typeof("10"));
konsol.log (typeof(+"10"));
konsol.log (typeof (yanlış));
konsol.log (typeof(+false));

Çıktı:

sicim
sayı
boole
sayı

Tekli Olumsuzlama Operatörü(-)

tekli olumsuzlama operatörü (-) işleneninin olumsuzluğunu döndürür.

a = 10 olsun;
konsol.log(-a);

Çıktı:

-10

2. Atama Operatörleri

Değişkenlere değer atamak için atama operatörlerini kullanın. JavaScript aşağıdaki atama operatörlerini sağlar:

Atama Operatörü(=)

Atama operatörünü kullanabilirsiniz (=) sağ işlenen değerini sol işlenene atamak için.

// a'ya 10 atama
a = 10 olsun;
konsol.log(a);

Çıktı:

10

Toplama Atama Operatörü(+=)

Toplama atama operatörü (+=) sol ve sağ işlenen değerlerini eklemek ve sonucu sol işlenene atamak için kullanılır.

a = 10 olsun;
b = 5 olsun;
// a = a+b'ye eşdeğer
bir += b;
konsol.log(a);

Çıktı:

15

Çıkarma Atama Operatörü(-=)

çıkarma atama operatörü (-=) sol işlenenden sağ işleneni çıkarır ve sonucu sol işlenene atar.

a = 10 olsun;
b = 5 olsun;
// a = a-b'ye eşdeğer
a -= b;
konsol.log(a);

Çıktı:

5

Çarpma Atama Operatörü (*=)

Çarpma atama operatörünü kullanın (*=) sol ve sağ işlenen değerlerini çarpmak ve sonucu sol işlenene atamak için.

a = 10 olsun;
b = 5 olsun;
// a = a*b'ye eşdeğer
bir *= b;
konsol.log(a);

Çıktı:

50

Bölüm Atama Operatörü (/=)

Bölme atama operatörünü kullanabilirsiniz (/=) sol işlenen değerini sağ işlenen değerine bölmek ve sonucu sol işlenene atamak için.

a = 10 olsun;
b = 5 olsun;
// a = a/b'ye eşdeğer
a /= b;
konsol.log(a);

Çıktı:

2

Kalan Atama Operatörü (%=)

Kalan atama operatörü (%=) sol işleneni sağ işlenene böler ve kalanı sol işlenene atar.

a = 10 olsun;
b = 5 olsun;
// a = a%b'ye eşdeğer
bir %= b;
konsol.log(a);

Çıktı:

0

Üs Atama Operatörü (**=)

Üs atama operatörü (**=) sol işleneni sağ işlenenin gücüne yükseltir ve sonucu sol işlenene atar.

a = 10 olsun;
b = 5 olsun;
// a = a**b'ye eşdeğer
bir **= b;
konsol.log(a);

Çıktı:

100000

Bitsel atama operatörleri (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) benzer şekilde çalışır. Sonraki bölümlerde bitsel operatörler hakkında bilgi edineceksiniz.

İlgili: JavaScript'te Veri Türlerine Giriş

3. String Operatörleri

Birleştirme operatörü (+) dizeleri birleştirmek (eklemek) için kullanılır.

let sonuç = "Yap" + "Kullan" + "Of";
konsol.log (sonuç);

Çıktı:

Faydalanmak

4. Karşılaştırma Operatörleri

Karşılaştırma operatörleri, işlenenleri karşılaştırmak için kullanılır ve mantıksal bir değer döndürür (NS veya YANLIŞ) karşılaştırmaya dayalıdır. JavaScript aşağıdaki karşılaştırma operatörlerini sağlar:

Eşit Operatör (==)

Eşit operatör (==) İadeler NS işlenenler eşitse. Yalnızca işlenenlerin değerlerini karşılaştırır, karşılaştırırken türlerini yok sayar.

konsol.log (2==4);
konsol.log("2"==2);

Çıktı:

YANLIŞ
NS

Eşit Değil Operatör(!=)

Eşit değil operatörü (!=) İadeler NS işlenenler eşit değilse. Karşılaştırma yaparken işlenenlerin türünü de yok sayar.

konsol.log (2!=4);
konsol.log (2!="2");

Çıktı:

NS
YANLIŞ

Kesin Eşit Operatör ()

Kesin eşit operatör () İadeler NS işlenenler eşitse. Karşılaştırma yaparken hem işlenenlerin değerlerini hem de türlerini karşılaştırır.

konsol.log (24);
konsol.log("2"2);

Çıktı:

YANLIŞ
YANLIŞ

Kesin Eşit Değil Operatör (!==)

Kesin eşit değil operatörü (!==) İadeler NS işlenenler eşit değilse. Ayrıca karşılaştırırken işlenenlerin değerlerini ve türlerini de karşılaştırır.

konsol.log (2 !== 4);
konsol.log (2 !== "2");

Çıktı:

NS
NS

Operatörden Büyük (>)

operatöründen büyük (>) sol işlenen sağ işlenenden büyükse true değerini döndürür.

konsol.log (10>4);
konsol.log (5>5);

Çıktı:

NS
YANLIŞ

Büyüktür veya Eşittir Operatör (>=)

Büyüktür veya eşittir operatörü (>=) sol işlenen sağ işlenenden büyük veya ona eşitse true değerini döndürür.

konsol.log (10 >= 4);
konsol.log (5 >= 5);

Çıktı:

NS
NS

Operatörden Küçük (

operatöründen daha az (<) sol işlenen sağ işlenenden küçükse true değerini döndürür.

konsol.log (10<4);
konsol.log (5<5);

Çıktı:

YANLIŞ
YANLIŞ

Küçüktür veya Eşit Operatör(<=)

Küçüktür veya eşittir operatörü (<=) sol işlenen sağ işlenenden küçük veya ona eşitse true döndürür.

konsol.log (10 <= 4);
konsol.log (5 <= 5);

Çıktı:

YANLIŞ
NS

İlgili: HTML, CSS ve JavaScript Kullanarak Basit Bir Hesap Makinesi Nasıl Oluşturulur

5. Mantıksal operatörler

yetkiliye göre MDN Belgeleri, JavaScript aşağıdaki mantıksal operatörleri sağlar:

Mantıksal VE (&&)

kullanım: ifade1 && ifade2

False dönüştürülebilirse, ifade1'i döndürür; aksi takdirde, ifade2'yi döndürür. Boole değerleri ile kullanıldığında, && İadeler NS her iki işlenen de doğruysa; aksi halde döner YANLIŞ.

konsol.log (doğru && yanlış);

Çıktı:

YANLIŞ

Mantıksal VEYA (||)

kullanım: ifade1 || ifade2

Doğruya dönüştürülebilirse, ifade1'i döndürür; aksi takdirde, ifade2'yi döndürür. Boole değerleri ile kullanıldığında, || İadeler NS işlenenlerden biri doğruysa; her ikisi de yanlışsa, döner YANLIŞ.

konsol.log (doğru || yanlış);

Çıktı:

NS

Mantıksal DEĞİL(!)

kullanım: !ifade

İadeler YANLIŞ tek işleneni true'ya dönüştürülebiliyorsa; aksi takdirde, döner NS.

konsol.log(!true);

Çıktı:

YANLIŞ

6. Bitsel Operatörler

JavaScript, aşağıdaki bit düzeyinde operatörleri sağlar:

Bitsel VE Operatör (&)

Bu operatör bir Boole gerçekleştirir VE tamsayı argümanlarının her bir biti üzerinde işlem.

// ikili olarak-
// 4: 100
// 1: 001
konsol.log (4 & 1);

Çıktı:

0

Bitsel VEYA Operatörü (|)

Bu operatör bir Boole gerçekleştirir VEYA tamsayı argümanlarının her bir biti üzerinde işlem.

konsol.log (4 | 1);

Çıktı:

5

Bitsel XOR Operatörü (^)

Bu operatör, Boole'a özel bir işlem gerçekleştirir VEYA tamsayı argümanlarının her bir biti üzerinde işlem.

konsol.log (4 ^ 1);

Çıktı:

5

Bitsel DEĞİL Operatör (~)

Bu operatör, işlenendeki tüm bitleri tersine çevirir.

konsol.log(~4);

Çıktı:

-5

Not: JavaScript, bit düzeyinde bir işlem gerçekleştirmeden önce sayıları 32 bit işaretli tam sayılara dönüştürür. Ve işlem gerçekleştirildiğinde sonucu tekrar 64-bit JavaScript numaralarına dönüştürür.

Sol Vites Operatörü (<

Bu operatör, birinci işlenendeki tüm bitleri ikinci işlenende belirtilen basamak sayısı kadar sola kaydırır.

konsol.log (4<<1);

Çıktı:

8

Sağ Kaydırma Operatörü (>>)

Bu operatör, birinci işlenendeki tüm bitleri, ikinci işlenende belirtilen yer sayısı kadar sağa kaydırır.

konsol.log (4>>1);

Çıktı:

2

7. Özel Operatörler

Üçlü operatör

Üçlü operatör, if-else ifadesi. Bir koşula dayalı olarak bir değişkene değer atar, bunun sözdizimi şöyledir:

şart? değer1: değer2

Koşul doğruysa, operatör değerini döndürür. değer1. Aksi takdirde, değerini döndürür değer2.

olsun sonuç = (200>100)? "Evet Hayır";
konsol.log (sonuç);

Çıktı:

Evet

Operatör Tipi

NS bir çeşit operatörü, bir değerin veya değişkenin veri türünü bulmak için kullanılır.

konsol.log (typeof (100));
konsol.log (typeof("100"));

Çıktı:

sayı
sicim

Bir Profesyonel Gibi Kodlamak için JavaScript One-Liner'ları kullanın

JavaScript'te yalnızca bir satır kod kullanarak çok çeşitli işlemler gerçekleştirebilirsiniz. Bir diziyi karıştırmanız, bir tarayıcıda karanlık modu algılamanız, rastgele UUID oluşturmanız veya bir dizinin ortalamasını bulmanız gerekip gerekmediğini, yalnızca bir kod satırıyla başarabilirsiniz.

Bilmeniz Gereken 11 JavaScript Tek Yönlü

Bu geniş JavaScript tek satırlık yelpazesini kullanarak sadece küçük bir kodla çok şey elde edin.

Sonrakini Oku

PaylaşCıvıldamakE-posta
İlgili konular
  • Programlama
  • JavaScript
  • Programlama
  • Kodlama İpuçları
  • Web Geliştirme
Yazar hakkında
Yuvraj Chandra (75 Makale Yayınlandı)

Yuvraj, Hindistan Delhi Üniversitesi'nde Bilgisayar Bilimleri lisans öğrencisidir. Full Stack Web Geliştirme konusunda tutkulu. Yazmadığı zamanlarda farklı teknolojilerin derinliğini keşfediyor.

Yuvraj Chandra'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın