fbpx

Kategori : Javascript

Javascript

JavaScript’te Temel Operatörler ve Matematiksel İşlemler

javascriptte temel operatörler ve mantıksal işlemler

Merhaba, JavaScript öğrenme serimizin bu yazısında, programlamanın en temel yapı taşlarından birine, yani Javascriptte temel operatörler ve matematiksel işlemlere dalıyoruz. Eğer daha önce “Javascripte Giriş” ve “JavaScriptte Değişkenler ve Değişken Tanımlama” yazılarıma göz attıysanız, şimdi bu bilgileri bir adım öteye taşıyarak kodumuzu daha işlevsel hale getireceğiz. Matematikle aran nasıl bilmiyorum ama korkma, burada karmaşık denklemler çözmeyeceğiz; sadece JavaScript’in bize sunduğu araçlarla sayılarla oynayacağız. Hazırsan, kahveni al, tarayıcını aç ve başlayalım!

Operatör Nedir ve Neden Önemlidir?

Öncelikle şunu soralım: Operatör ne demek? Basitçe, operatörler, JavaScript’te (ve aslında tüm programlama dillerinde) değerler üzerinde işlem yapmamızı sağlayan sembollerdir. Mesela, iki sayıyı toplamak, bir sayıyı diğerinden çıkarmak ya da iki değeri karşılaştırmak istediğimizde operatörleri kullanırız. Matematiksel işlemler, kod yazarken sıkça karşımıza çıkar; bir alışveriş sepetinin toplamını hesaplamak, bir oyunda puan toplamak ya da bir formda kullanıcı girdilerini değerlendirmek gibi durumlarda bu operatörler hayat kurtarır.

JavaScript’te operatörler birkaç kategoriye ayrılır: matematiksel (aritmetik) operatörler, karşılaştırma operatörleri, mantıksal operatörler ve atama operatörleri. Bu yazıda, özellikle matematiksel operatörler ve onların temel kullanımlarına odaklanacağız. Karşılaştırma ve mantıksal operatörleri ise başka bir yazıda detaylıca ele alacağız. Şimdilik, sayılarla dans etmeye hazır mısın?

Matematiksel Operatörler

JavaScript’te matematiksel işlemleri yapmak için kullandığımız temel operatörler şunlardır:

  • Toplama (+)
  • Çıkarma (-)
  • Çarpma (*)
  • Bölme (/)
  • Modülüs (kalan bulma) (%)
  • Üs alma (**)
  • Artırma (++)
  • Azaltma (--)

Bu operatörlerin her birini tek tek inceleyelim ve nasıl çalıştıklarını örneklerle görelim. Tarayıcında bir HTML dosyası açıp <script> etiketleri arasında kodları denemeni şiddetle öneririm. Pratik yaparak öğrenmek, teoriden çok daha etkili!

1.Toplama Operatörü (+)

Toplama operatörü, iki sayıyı bir araya getirir. Matematikteki bildiğimiz toplama işlemiyle aynıdır. Hadi bir örnek yapalım:

let sayi1 = 5;
let sayi2 = 10;
let toplam = sayi1 + sayi2;
console.log(toplam); // Çıktı: 15<br>

Burada sayi1 ve sayi2 adında iki değişken tanımladık ve + operatörüyle bunları topladık. Sonuç, toplam değişkenine atandı ve konsolda 15’i gördük.

Ama dikkat! + operatörü sadece sayılarla çalışmaz; string’lerle de kullanılabilir. Buna string birleştirme (concatenation) denir. Örnek:

let ad = "Şahin";
let soyad = "Nazlı";
let tamAd = ad + " " + soyad;
console.log(tamAd); // Çıktı: Şahin Nazlı

Bu durumda +, iki string’i birleştirip araya bir boşluk ekledi. Yani, bu operatörün çok yönlü olduğunu unutmamak lazım; bağlama göre davranışı değişir.

2. Çıkarma Operatörü (-)

Çıkarma operatörü, bir sayıdan diğerini çıkarır. Günlük hayatta hesap makinesinde yaptığımız işlemin aynısı:

let sayi1 = 20;
let sayi2 = 7;
let fark = sayi1 - sayi2;
console.log(fark); // Çıktı: 13

Bu kadar basit! Negatif sonuçlar da alabilirsin, mesela:

let sonuc = 5 - 10;
console.log(sonuc); // Çıktı: -5

3. Çarpma Operatörü (*)

Çarpma operatörü, iki sayıyı çarpar. Matematik dersinden hatırladığın çarpım tablosu burada devreye giriyor:

let sayi1 = 4;
let sayi2 = 3;
let carpim = sayi1 * sayi2;
console.log(carpim); // Çıktı: 12

Bir alışveriş sepetinde 3 ürünün her biri 4 TL ise toplam maliyeti böyle hesaplayabilirsin.

4. Bölme Operatörü (/)

Bölme operatörü, bir sayıyı diğerine böler. Örnek:

let sayi1 = 15;
let sayi2 = 3;
let bolum = sayi1 / sayi2;
console.log(bolum); // Çıktı: 5

Peki ya sıfıra bölme? JavaScript’te bu özel bir durumdur:

let sonuc = 10 / 0;
console.log(sonuc); // Çıktı: Infinity

Infinity, JavaScript’in sonsuzluk değeridir. Matematikte tanımsız olan bu durum, burada böyle ifade edilir.

5. Modülüs Operatörü (%)

Modülüs, bir sayının diğerine bölündüğünde kalanını verir. Bu operatör, özellikle bir sayının çift mi tek mi olduğunu kontrol etmek gibi durumlarda çok işine yarar:

let sayi1 = 10;
let sayi2 = 3;
let kalan = sayi1 % sayi2;
console.log(kalan); // Çıktı: 1

10’u 3’e böldüğümüzde bölüm 3, kalan 1’dir. Bir başka örnek:

let sayi = 8;
console.log(sayi % 2); // Çıktı: 0 (çift sayı)
console.log(7 % 2);   // Çıktı: 1 (tek sayı)

Bu, ileride döngülerde veya koşullu ifadelerde sıkça kullanacağın bir araç olacak.

6. Üs Alma Operatörü (**)

Üs alma, bir sayının kuvvetini hesaplar. ES6 ile gelen bu operatör oldukça kullanışlıdır:

let taban = 2;
let us = 3;
let sonuc = taban ** us;
console.log(sonuc); // Çıktı: 8 (2³ = 8)

Matematikteki 2³ işlemini burada kolayca yaptık. Büyük sayılarla da çalışır:

console.log(5 ** 2); // Çıktı: 25

7. Artırma Operatörü (++)

Bu operatör, bir sayıyı 1 artırır. Genelde döngülerde kullanılır:

let sayi = 5;
sayi++;
console.log(sayi); // Çıktı: 6

Dikkat et, ++sayi ve sayi++ arasında fark var. İlki önce artırır sonra değeri döndürür, ikincisi önce değeri döndürür sonra artırır:

let a = 5;
console.log(++a); // Çıktı: 6 (önce artırır)
let b = 5;
console.log(b++); // Çıktı: 5 (sonra artırır)
console.log(b);   // Çıktı: 6

8. Azaltma Operatörü (--)

Artırmanın tersi, bir sayıyı 1 azaltır:

let sayi = 10;
sayi--;
console.log(sayi); // Çıktı: 9

Aynen artırma gibi, --sayi ve sayi-- şeklinde iki kullanım vardır.

Matematiksel İşlemlerde Öncelik Sırası

Matematikte olduğu gibi, JavaScript’te de operatörlerin bir işlem önceliği vardır. Parantezler her zaman en yüksek önceliğe sahiptir, ardından üs alma (**), çarpma ve bölme (*/), toplama ve çıkarma (+-) gelir. Örnek:

let sonuc = 2 + 3 * 4;
console.log(sonuc); // Çıktı: 14 (çarpma önce yapılır)

Par yatayParantezle değiştirelim:

let sonuc = (2 + 3) * 4;
console.log(sonuc); // Çıktı: 20 (parantez önce yapılır)

Bu kuralı aklında tut, çünkü karmaşık ifadelerde işini çok kolaylaştırır.

Gerçek Dünya Örneği: Bir Hesap Makinesi

Şimdi öğrendiklerimizi birleştirip basit bir hesap makinesi yapalım:

let sayi1 = 25;
let sayi2 = 5;

let toplama = sayi1 + sayi2;
let cikarma = sayi1 - sayi2;
let carpma = sayi1 * sayi2;
let bolme = sayi1 / sayi2;

console.log("Toplama: " + toplama); // Çıktı: 30
console.log("Çıkarma: " + cikarma); // Çıktı: 20
console.log("Çarpma: " + carpma);   // Çıktı: 125
console.log("Bölme: " + bolme);     // Çıktı: 5

Bu kodu geliştirip kullanıcıdan sayı almayı ileride öğreneceğiz, ama şimdilik temel operatörlerle neler yapabileceğini görüyorsun.

Son Sözler ve Mini Görev

JavaScript’te temel operatörleri ve matematiksel işlemleri öğrendin. Bu, kod yazarken sürekli kullanacağın bir temel. Şimdi sıra sende: Bu operatörleri kullanarak kendi mini projeni yap. Mesela, bir market alışverişinin toplamını hesaplayan bir kod yazabilir misin? Ya da bir sayının karesini ve küpünü hesaplayan bir script? Deneyimlerini yorumlarda paylaşmayı unutma!

Bir sonraki yazıda, koşullu ifadeler (ifelse) ile kodumuza karar verme yeteneği katacağız. O zamana kadar bol bol pratik yap, çünkü kod yazmak öğrenmenin en iyi yolu. Görüşmek üzere!

Okumya Devam Et
Javascript

JavaScriptte Değişkenler ve Değişken Tanımlama

JavaScript, web geliştirme dünyasında en yaygın kullanılan programlama dillerinden biridir. Web sayfalarını interaktif hale getirmek, kullanıcı deneyimini arttırmak, ön uç ve arka uç programlama yapmak için sıkça tercih edilen bu dilin temel yapı taşlarından biri de değişkenlerdir. Bu makalede, değişkenlerin ne demek olduğunu, değişken tanımlamayı, nasıl kullanıldığını ve bazı yaygın kullanım durumlarını ele alacağız.

Değişken Nedir?

Değişkenler, veri saklamak için kullanılan isimlendirilmiş depolama alanlarıdır. Bu depolama alanları, metin, sayı, dizi vb. gibi çeşitli veri türlerini içerebilir ve depoladıkları değerlere erişmek için kullanılırlar. JavaScript’te değişkenler dinamik tipleme özelliğine sahiptir, yani bir değişkenin türü otomatik olarak belirlenir ve değişken herhangi bir zamanda farklı bir türe dönüştürülebilir.

Değişkenler Nasıl Tanımlanır?

JavaScriptte bir değişken tanımlamak için “var“, “let” veya “const” anahtar kelimelerinden biri kullanılabilir. Bir değişkene ilk değer atama işlemine Variable Initialization (Değişken Başlatma) denmektedir.

var: var anahtar kelimesi JavaScriptte ilk defa kullanılan ve eski bir değişken tanımlama yöntemidir. Bu anahtar kelime ile tanımlanan değişkenler Global Scope veya Function Scope olarak tanımlanabilmektedir. Global Scope bir değişkenin global olarak tanımlanabilmesini yani her yerden erişilebilmesini ifade eder. Function Scope ise değişkenin bir fonksiyon içerisinde tanımlanmasını ve yalnızca o fonksiyon içerisinde erişilmesini ifade eder.

// ornek isimli string türünde bir değişken tanımlayalım.

var ornek = "abc";


//yine ornek isimli int türünde bir değişken tanımlayalım.

var ornek = 82;

let: let anahtar kelimesi yine var da olduğu gibi değişken tanımlama yöntemidir. Farklı olarak let anahtar kelimesi Block Scope olarak tanımlama yapmaya izin verir. Bunun dışında var ile tanımlanan bir değişken tekrar tanımlanabilirken let ile tanımlanan bir değişkenin yalnızca değeri güncellenebilir.


// ornek isimli string tründe bir değişken tanımlayalım. 

let ornek = "abc";

// yine ornek isminde int türünde bir değişken tanımlayalım

let ornek = 82; 

/* Sistem burada hata verecektir 
==> SyntaxError: Can't create duplicate variable: 'ornek' 
hatanın sebebi let ile tanımlanan bir değişken tekrar 
tanımlanamaz. Bunun yerine aşağıdaki gibi güncellemek gerekmektedir.
 */

ornek = 82;

const: const anahtar kelimesi yine var ve let de olduğu gibi değişken tanımlama yöntemidir. Yine let anahtar kelimesi gibi Block Scope olarak tanımlama yapmaya izin verir. Ancak let ve vardan farkı const (kelime anlamı olarak sabit) anahtar kelimesi ile tanımlanan bir değişken ne tekrar tanımlanmaya nede değerinin güncellenmesine müsade etmemektedir.


// ornek isimli string tründe bir değişken tanımlayalım.

const ornek = "abc";

// ornek isimli değişkeni tekrar tanımlamaya çalışalım

const ornek = 82;

/* Sistem burada hata verecektir 
==> SyntaxError: Can't create duplicate variable: 'ornek' 
hatanın sebebi const ile tanımlanan bir değişken tekrar 
tanımlanamaz. Bunun yerine aşağıdaki gibi güncellemeyi deneyelim.
 */

ornek = 82;

/* Sistem burada hata verecektir 
==> TypeError: Attempted to assign to readonly property. 
hatanın sebebi const ile tanımlanan bir değişkenin değeri güncellenemez.
 */
 
 

Bu anahtar kelime ile tanımlanan değişkenlerin yalnızca değişken özellikleri değiştirilebilir. Örneğin const ile tanımlanan bir dizinin içerisindeki bir değeri değiştirmeniz mümkündür.


// ornek isimli dizi türünde bir değişken tanımlayalım

const ornek = ["a","b","c"];


// tanımladığımız dizi içerisinde bulunan bir indisli değeri değiştirelim

ornek[1] = "s";

console.log(ornek);


// Çıktı olarak bize ["a","s","c"] verecektir

JavaScriptte Değişkenlerin Kullanımı

Tanımladığınız değişkenleri tanımlama tipine göre global, fonksiyon içinde veya blok içinde bir yerde kullanabilirsiniz.


// İki adet int türünde değişken tanımlayalım

var a = 1;

var b = 5;

/* Oluşturduğumuz iki değişkenin toplamından bir 
başka değişken oluşuturalım*/

var toplam = a+b;

console.log(toplam);

// Çıktı olarak bize (5+1) yani 6 sayısını verecektir.

Değişkenleri İsimlendirme Kuralları

JavaScript’te değişken isimleri belirli kurallara uymalıdır:

  • Değişken isimleri harfle, alt çizgiyle (_) veya dolar işaretiyle $ başlamalıdır.
  • Değişken isimleri rakamla başlayamaz.
  • Değişken isimleri yalnızca harfler, rakamlar, alt çizgiler veya dolar işaretleri içerebilir.
  • JavaScript case sensitivedir yani büyük ve küçük harf ayrımı yapmaktadır.

Sonuç

Bu yazımızda JavaScriptte değişkenlerin ne olduğunu, nasıl tanımlandığını ve nasıl kullanıldığını öğrenmiş olduk. Değişkenler JavaScpritin yapı taşlarındandır ve her JavaScript yazılımı içerisinde kullanılmaktadır. Bu temel kavramları anladıktan sonra, JavaScript ile daha karmaşık uygulamalar geliştirmeye başlayabilirsiniz. JavaScript kategorimizde diğer yazılarımıza ulaşabilirsiniz.

Okumya Devam Et
Javascript

Javascripte Giriş

Neden Javascript

Neden Javascript Öğrenmeliyim?

Günümüz dijital çağında teknoloji hızla ilerliyor ve internetin ne kadar önemli bir araç olduğu hepimizin malumu. Yazılım dünyasında da buna paralel olarak web geliştirme önemini sürekli arttırmakta. Web geliştirme alanında ise JavaScript en temel ve en yaygın kullanılan programlama dillerinden biridir. Peki neden JavaScript öğrenmeniz gerekiyor?

Javascript Öğrenmek İçin Altı Neden

1. Web geliştirme için önemli bir araç: JavaScript, web geliştirme için temel bir araçtır ve HTML ve CSS ile birlikte web sayfalarını dinamik ve etkileşimli hale getirmek için kullanılır. Özellikle DOM (Document Object Model) özelliği sayesinde istemci taraflı geliştirme yapılırken kullanıcı deneyimini daha dinamik ve ilgi çekici hale getirir.

2. Geniş kullanım alanı: JavaScript yalnızca web tarayıcıları için değil, aynı zamanda sunucu tarafı geliştirme için de kullanılabilir. Node.js gibi frameworkler sayesinde JavaScript sunucu tarafında da güçlü bir seçenek haline gelmiştir. Bu da JavaScript’i tek bir dil ile hem ön uç hem de arka uç geliştirmeye olanak tanıyan çok yönlü bir dil haline getirmektedir. Bu, geliştiricilerin aynı dili kullanarak hem istemci tarafı hem de sunucu tarafı uygulamaları geliştirmelerini mümkün kılmaktadır.

3. Popülerlik ve istihdam edilebilirlik: JavaScript hem geliştiriciler hem şirketler için dünyadaki en popüler programlama dillerinden biridir. Bu, JavaScript öğrenen kişilerin çok çeşitli istihdam fırsatları edinebilmesi anlamına gelir. JavaScript bilgisi, web geliştirme, mobil geliştirme ve masaüstü geliştirme dahil olmak üzere birçok alanda kıymetlidir. JavaScript’in popülerliği ve sürekli artan talep, geliştiricilere çok çeşitli kariyer fırsatları sunmaktadır.

4. Sürekli gelişen ekosistem: JavaScript ekosistemi sürekli büyümekte ve gelişmektedir. Her gün yeni kütüphaneler, frameworkler ve araçlar ortaya çıkmaktadır. Bu da JavaScript öğrenenler için yeni öğrenme ve kendini geliştirme fırsatları anlamına geliyor. Örneğin, React, Angular ve Vue gibi JavaScript frameworkleri web geliştirme sürecini kolaylaştırırken, Node.js gibi frameworkler sunucu tarafı geliştirme için yararlı araçlar sağlar.

    5. Topluluk desteği: JavaScript geniş ve aktif bir topluluğa sahiptir. Bu topluluk çevrimiçi forumlar, bloglar, sosyal medya grupları ve açık kaynak projeleri aracılığıyla destek sağlar. JavaScript öğrenirken, soru sorabileceğiniz, projeleri paylaşabileceğiniz ve diğer geliştiricilerle etkileşime girebileceğiniz büyük bir topluluk ile karşılaşacaksınız. Bu topluluk desteği öğrenme sürecini kolaylaştırır ve motive eder.

    6. Kolay söz dizimi: JavaScripti bu kadar popüler yapan en önemli sebeplerden biriside söz diziminin ve okunabilirliğinin çok kolay olmasıdır. Karmaşık kurallar arasında boğulmanıza gerek kalmaz. Yazdığınız kodun hata ayıklamasını çok kolay ve hızlı bir şekilde gerçekleştirebilirsiniz.

    Sonuç

    Sonuç olarak, JavaScript yeni başlayanlar için mükemmel bir dil olduğundan ve her seviyedeki deneyimli geliştiriciler için sürekli yeni fırsatlar sunduğundan, JavaScript öğrenmek modern web geliştirme dünyasında rekabetçi kalmak için önemli bir adımdır. Dolayısıyla, web geliştirme kariyerinizde ilerlemek istiyorsanız, JavaScript öğrenmeye başlamak için mükemmel bir zaman. JavaScript ile ilgili yazılarım için buradan ilgili kategoriye erişebilirsiniz.

    Okumya Devam Et