Cohorts
  • Discover
  • About Us
  • Blog
  • Patika.dev
  • Web3

JavaScript

Kullanılacak Tüm Dökümanlar
Node.js Kurulumu

JavaScript Nedir?
Birçok Platformda Hello World ve Hello World'ün Önemi

Değişken Tanımlama: var, ES6 ile Birlikte Gelen let ve const Değişken Tanımlama Yapısının Kullanımı, var ile Arasındaki Farklar
Değişken Tanımlama Kuralları
Number Veri Turu Kullanımı, Temel Aritmetik İşlemler, İşlem Önceliği, Arttırma ve Azaltma İşlemleri
Boolean Veri Türü İle Çalışmak
Değişken Türünü Kontrol Etmek ve Değişken Türünü Değiştirmek
Template Literals Kullanımı
String Veri Türü İşlemleri

Document Object Model (DOM) Nedir
DOM içerisinden Etiket ve ID ile Öğe Seçimi
Prompt ile Kullanıcıdan Bilgi Almak
Liste içerisindeki Öğeye Erişmek ve Yeni Öğe Eklemek
DOM'a CSS Class Bilgisi Eklemek veya Çıkarmak

Karşılaştırma Operatörleri ve Mantıksal Operatörler
Koşul Yapısı Kullanımı (if / else)
Çoklu Koşul Yapısı Kullanımı
Ternary Operatör ( Koşul ? Doğruysa : Yanlışsa) ile If Kullanımı
Koşullarla Çalışmak - Bölüm Sonu Egzersizi

Fonksiyon Nedir? Neden Kullanırız?
Fonsiyona Parametre (params) ve Geridönüş (return) Eklemek
Fat Arrow () => Fonksiyonu Kullanımı
DOM Etkinlikleriyle Çalışmak
Fonksiyonlar - Bölüm Sonu Egzersizi
Ödev 1

LocalStorage ile Veri Eklemek, Düzenlemek ve Silmek
LocalStorage içerisine Farklı Türde Veriler Eklemek
localStorage - Bölüm Sonu Egzersizi

Form ve Form Submit Yönetimi
Input içerisinden Değer Almak
Formlarla Çalışmak - Bölüm Sonu Egzersizi

Dizi (Array) Oluşturmak ve Dizi İçindeki Elemanlara Ulaşmak
Diziye Yeni Eleman Eklemek, Çıkartmak ve Güncellemek
Array (Dizi) Metotlarının Kullanımı ve Array içinde Array Oluşturma

For Döngüsü Kullanımı
Break ve Continue Kullanımı
While Döngüsü
ForEach ile Array içerisindeki Öğelerin Çağrılması
Filter ile Array İçerisinde Sadece İstenilen Bilgilerin Yeni Listeye Eklenmesi
Map ile Array İçerisideki Yapının Değiştirilerek Yeni Liste Oluşturulması
Ödev 2

Object (Nesne) Nedir? Nasıl Oluşturulur?
Object Anahtar (Key) ve Değer (Value) Yapısının Kullanımı/Erişimi
Nesnelere Nasıl Metot Ekleriz?
Object ve Array Destructuring Kullanımı
Ödev 3

Try ve Catch Kullanımı

Fetch API ile Çalışmak

Dizi(Array) Oluşturmak ve Dizi İçindeki Elemanlara Ulaşmak

Merhaba arkadaşlar, JavaScript'te array(dizi) tanımı birden çok value(değer) saklamamızı sağlar. Bu diziler içinde string, number, boolean, object, tipinde veriler saklanabilir. Diziler de object(nesne) tipindedir. Bir dizi oluşturmak için yapmamız gereken dizi ismini verip eşittir dedikten sonra köşeli parantezler içinde dizi elemanlarını yazmak. Her eleman arasında bir virgül koymamız gereklidir.

Örneğin;

let arr = [1,2,3];

Burada ismi arr ve sadece number tipinde elemanları olan bir dizi tanımlamış olduk. Farklı bir örnek;

let arr = [1,2,"bir string ifade",false,{title:"kodluyoruz"}];

Burada farklı tiplere sahip elemanları tek bir dizi içinde saklamış olduk. Bir dizi içinde farklı bir dizi(diziler) tanımlayabiliriz. Örneğin;

let arr = [1,2,3,["dört","beş","altı"],7,8];

Dizi İçerisindeki Elemanlara Erişim

Artık bir dizi nasıl oluşturulur öğrendiğimize göre bu oluşturduğumuz dizinin elemanlarına nasıl ulaşırız ona bakalım. Her dizi elemanının index değeri vardır. İlk elemanın index değeri 0 dır. Buna göre ikinci elemanın index değeri 1 ve böylece devam eder. Bu index değerlerini kullanarak bizler dizi elemanlarına erişebiliriz. Örneğin;

let arr = [1,2,3,"dört","beş"];
console.log( arr[3] );
console.log( arr[0] );

Burada console.log( arr[3] ); çıktı olarak dört değerini, console.log( arr[0] ); ise 1 değerini bize verecektir. Burada index değerini tek tek yazmak yerine bir for döngüsü yardımıyla dizi elemanlarına erişebiliriz. Örneğin;

let arr = [1,2,3,"dört","beş"];

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

Burada arr.length ifadesi dizinin uzunluğunu number tipinde ifade eder. Bu örnekte dizi uzunluğu 5. NOT: Dizi uzunluğu için saymaya 1 'den başlanır.

Eğer bir dizi içerisinde farklı bir dizi tanımlı ve bu içerideki dizi elemanlarına erişim sağlamak istiyorsak;

let arr = [1,2,3,["dört","beş","altı"],7,8];
console.log(arr[2][0]);

Burada console.log(arr[3][0]); çıktı olarak dört yazacaktır. 3 içerideki dizinin index numarası ve 0 bu dizinin ilk elemanını ifade eder. console.log( arr[4] ); çıktı olarak 7 verdiğine dikkat edelim. Dizi prototipinde tanımlı foreach fonksiyonu yardımıyla da dizi elemanlarına erişilebilir.

let arr = [1,2,3,"dört","beş"];
arr.forEach((item, index) => {
  console.log(item, index);
});

Burada arrow function şeklinde yazılmış forEach metodu her bir dizi elemanı için çalıştırılır. item değeri dizinin o anki elamanını tutar ve index değeri ise o anki elemanın index değeridir. Bu kodu çalıştırdığımızda dizinin her elemanının aynı for döngüsünde olduğu gibi çıktısını görebiliriz.

Array Nedir?

Programlamanın temel amaçlarından birisi verileri saklamak ve manipüle edebilmektir. Arrays (diziler) bu işe yaramaktadır. Array'lerde bir değişken (variable) tanımlayarak birden fazla değeri (value) saklayabilir ve onları daha sonra çeşitli metotlarla kullanabiliriz. Array oluşturmak için köşeli parantez kullanırız. Oluşturulan array'de her bir değere 'element' (eleman) denir.

let favoriArabalar = ['audi', 'volvo', 'mercedes']

Bir array'in içine yazabileceğimiz elemanların veri tipi (data type) önemli değildir. Örneğin aynı array'de bir string ile number değer olarak atanabilir.

let randomDizi = [2021, 'javaScript', true]

Array İçindeki Elemanlara Ulaşmak

Array içindeki bir elemana ulaşılmak istendiğinde yazılış sırasına göre çağırılmaktadır. Elemanların yazılış sıralarını numaralandırmaya 0' dan başlarız. Bu demek oluyor ki bir array'e yazdığımız ilk elemanın (yani birinci sırada yazdığımız eleman) numarası 0'dır. Elemana ulaşmak için önce dizinin değişken adı yazılır daha sonra köşeli parantez açılarak elemanın numarası girilir.

let marmaraBolgesi = ['istanbul','kocaeli','sakarya','bursa','canakkale']

marmaraBolgesi[0] = istanbul` marmaraBolgesi[1] = kocaeli marmaraBolgesi[2] = sakarya marmaraBolgesi[3] = bursa marmaraBolgesi[4] = canakkale

Yukarıda yaptığımız örnekte görüldüğü gibi dizinin içinde 5 tane eleman varken çağırdığımız son elemanımızın numarası 4'tür. Bu demek oluyor ki ((dizideki toplam eleman sayısı) - 1) bize dizinin son elemanını verir.

O halde içinde kaç tane eleman olduğunu bilmediğimiz bir dizinin son elemanına ulaşmak için şu yöntemi kullanabiliriz.

let aylar = ['mart','nisan','mayis','haziran','temmuz'] let sonEleman = aylar[aylar.length - 1] // length property'si bize array'in içindeki eleman sayısını verir. Ondan bir çıkarttığımızda ise son elemanın numarasını elde etmiş oluruz. console.log(sonEleman) = 'temmuz'

Type Of Array

Bir array'in veri tipi object'dir. typeof aylar = object

Array'in Let Veya Const İle Deklare Edilmesi Arasındaki Farklar

Array'leri tanımladığımız değişkenin let veya const ile deklare edilmesi arasında fark bulunmaktadır. Let ile deklare ettiğimiz bir array daha sonra yeniden tanımlanabilir.

let gunler = ['pazartesi','sali','carsamba'] gunler = ['cuma','cumartesi','pazar'] console.log(gunler); // ['cuma' , 'cumartesi' , 'pazar'] çıktısını alacağız. Çünkü let kullanarak oluşturduğumuz bir array yeniden tanımlanabilir.

Yukarıda yaptığımız örneğin aynısını const ile yapmayı deneyelim const gunler = ['pazartesi','sali','carsamba'] gunler = ['cuma','cumartesi','pazar'] // 'TypeError: Assignment to constant variable' hatasını alırız. Const ile deklare ettiğimiz bir array'i yeniden tayin edemeyeceğimizi belirtmektedir.

const ile deklare ettiğimiz bir array yeniden tayin edilemese de içerisindeki elemanlara erişme ve değiştirme noktasında let ile aynıdır.

Quiz

Answer the questions to check your understanding.

This lesson includes a short quiz.

Previous
Next

Lesson discussion

Swap insights and ask questions about “JavaScript”.

Enroll to participate
Start the course to unlock the discussion. Enrolling helps us keep conversations relevant to learners.
Cohorts
WebsiteDiscoverBlogPatika.devRise In
CoursesCircleRustSoliditySolanaWeb3 FundamentalsBlockchain Basics
CompanyAbout UsTerms of UsePrivacy PolicyGDPR NoticeCookies
Don't miss any update!

Disclaimer: The information, programs, and events provided on https://cohorts.patika.dev is strictly for upskilling and networking purposes related to the technical infrastructure of blockchain platforms. We do not provide financial or investment advice, nor do we make any representations regarding the value, profitability, or future price of any blockchain or cryptocurrency. Users are encouraged to conduct their own research and consult with licensed financial professionals before engaging in any investment activities. https://cohorts.patika.dev disclaims any responsibility for financial decisions made by users based on the information provided here.

© 2026 Cohorts, All rights reserved