JS Örnekleri

Veri türlerini karşılaştırma örnekleri

Veri türlerini karşılaştırma, programlama dillerinde çok önemli bir konudur. Doğru karşılaştırma işlemleri, programlarda beklenen sonuçların elde edilmesini sağlar. Bu yazıda, çeşitli veri türlerini karşılaştırma örneklerine değineceğiz.

Birçok programlama dilinde, sayıları karşılaştırmak için kullanılan karşılaştırma operatörleri vardır. Örneğin, “==” operatörü iki sayının birbirine eşit olup olmadığını kontrol eder. Aynı şekilde, “

Dizileri oluşturma ve manipülasyon örnekleri

Veri bilimindeki birçok analiz ve işlem dizi veri yapıları üzerinde gerçekleştirilir. Bu nedenle, dizileri oluşturmak ve manipüle etmek veri bilimi çalışmalarının temel bir beceresidir. Bu blog yazısında, dizilerin nasıl oluşturulacağını ve manipüle edileceğini gösteren bazı örnekler üzerinde duracağız.

Dizi oluşturma örneklerine başlamadan önce, dizinin tam olarak ne olduğunu açıklayalım. Dizi, aynı veri türünden birden fazla değeri depolamak için kullanılan bir veri yapısıdır. Dizi, bir veya daha fazla boyutta olabilir ve her eleman bir indeksle belirtilir.

Öncelikle, bir dizi oluşturmanın en temel yönteminden bahsedelim. Bir dizi oluşturmak için Array constructor’ını kullanabiliriz. Örneğin, aşağıdaki kod parçası bir düz dizi oluşturur:

let dizi = new Array(“elma”, “armut”, “çilek”);

Bu kod parçası, “elma”, “armut” ve “çilek” değerlerini içeren bir dizi oluşturur. Dizinin her bir öğesine indeks numarasıyla erişebiliriz. Örneğin, dizi[0] bize “elma” değerini verir.

Bir dizi oluşturmanın başka bir yaygın yöntemi ise [] köşeli parantez operatörünü kullanmaktır. Örneğin:

let dizi = [“elma”, “armut”, “çilek”];

Bu yöntemle de aynı sonucu elde ederiz. Bu şekilde oluşturulan dizinin her bir öğesine yine indeks numarasıyla erişebiliriz.

Dizi manipülasyonu da veri biliminde sıkça kullanılan bir işlemdir. Dizinin belirli bir elemanını değiştirebilir, yeni elemanlar ekleyebilir veya diziden eleman silebiliriz.

Örneğin, bir dizinin belirli bir elemanını değiştirmek istediğimizde, şu şekilde yapabiliriz:

dizi[1] = “karpuz”;

Bu kod parçası, dizinin ikinci elemanını “karpuz” olarak değiştirir.

Yeni bir eleman eklemek için push() yöntemini kullanabiliriz. Örneğin:

dizi.push(“kavun”);

Bu kod parçası, dizinin sonuna “kavun” değerini ekler.

Diziden eleman silmek için pop() yöntemini kullanabiliriz. Örneğin:

dizi.pop();

Bu kod parçası, dizinin son elemanını siler.

Bu yazıda, dizileri oluşturma ve manipüle etme örneklerine değindik. Diziler, veri biliminde sıkça kullanılan bir veri yapısıdır ve veri analizi çalışmalarında büyük öneme sahiptir. Dizileri doğru bir şekilde oluşturmayı ve manipüle etmeyi öğrenmek, veri bilimi alanında başarılı olmak için temel bir beceridir.

Koşullu ifadelerle çalışma örnekleri

Koşullu ifadeler, programlama dillerinde çok önemli bir konudur. Bu ifadeler, belirli koşulların sağlanıp sağlanmadığını kontrol etmek ve buna göre farklı işlemler yapmak için kullanılır. Koşullu ifadeler, “if-else” yapısıyla kullanılabilir.

Örneğin, bir kullanıcının yaşını kontrol etmek istediğimizi düşünelim. Eğer kullanıcının yaşı 18’den küçükse, “Erişim engellendi” mesajını göstermek istiyoruz. Aksi takdirde, “Hoş geldiniz!” mesajını göstermek istiyoruz. Bu durumda koşullu ifadeleri kullanarak aşağıdaki gibi bir kod yazabiliriz:

let yas = 17;

if (yas < 18) { document.write("Erişim engellendi“);
} else {
document.write(“Hoş geldiniz!“);
}

Bu kodda, yas değişkeni 17 olarak tanımlanmıştır. Eğer yas değişkeni 18’den küçükse, “Erişim engellendi” mesajı yazdırılır. Aksi takdirde, yani yas değişkeni 18 veya daha büyükse, “Hoş geldiniz!” mesajı yazdırılır.

• if ifadesi, belirli bir koşulu kontrol etmek için kullanılır.
• else ifadesi, koşulun sağlanmadığı durumları belirtmek için kullanılır.
• document.write() fonksiyonu, ekrana bir metin yazdırmak için kullanılır.

Dil	Veri Türleri	Koşullu İfadeler
JavaScript	String, Number, Boolean	if-else, switch-case
Python	String, Integer, Boolean	if-elif-else
C#	String, int, bool	if-else, switch-case

Fonksiyonları kullanarak tekrarlayan işlemler

Fonksiyonlar, JavaScript’te tekrarlayan işlemleri gerçekleştirmek için kullanılan güçlü bir araçtır. Fonksiyonlar, belirli bir işlevi gerçekleştiren kod parçalarını bir araya getirerek daha düzenli, daha okunabilir ve daha sürdürülebilir bir kod yazmamıza olanak tanır. Bu yazıda, fonksiyonları kullanarak tekrarlayan işlemleri nasıl gerçekleştirebileceğimizi inceleyecek ve buna dair örnekler sunacağız.

Fonksiyonları kullanarak tekrarlayan işlemler gerçekleştirebilmemiz için döngülerden yararlanabiliriz. JavaScript’te en yaygın kullanılan döngü yapısı for döngüsü‘dür. For döngüsü, belirli bir koşulu sağlayan sürece belirli bir işlemi tekrarlayan bir döngüdür.

Aşağıda, for döngüsünü kullanarak bir dizi üzerinde tekrarlayan işlemler gerçekleştiren bir fonksiyon örneği verilmiştir:

<script>
function diziElemanlariniYazdir(dizi) {
for (var i = 0; i < dizi.length; i++) {
document.write(dizi[i] + ” “);
}
}

var renkler = [“kırmızı”, “mavi”, “yeşil”, “sarı”];

diziElemanlariniYazdir(renkler);
</script>

Bu örnekte, diziElemanlariniYazdir() adında bir fonksiyon tanımladık. Bu fonksiyon, for döngüsünü kullanarak verilen bir dizinin tüm elemanlarını yazdıran bir işlem gerçekleştirir. Daha sonra, renkler adında bir dizi oluşturarak bu fonksiyonu çağırdık.

Bu örnekte, diziElemanlariniYazdir() adındaki fonksiyonumuz, renkler dizisindeki her bir elemanı sırayla tarayarak ekrana yazdırır. Bu sayede, tekrarlayan işlemleri kolayca gerçekleştirebilir ve kodumuzu daha temiz tutabiliriz.

DOM manipülasyonu ve olay dinleme örnekleri

DOM (Document Object Model), bir HTML belgesinin yapısını temsil eden bir programlama arayüzüdür. Sayfanızdaki HTML elementlerine erişmenize ve bu elementlerin içeriklerini güncellemenize, eklemenize veya kaldırmanıza olanak tanır. DOM manipülasyonu, bu elementlerin özelliklerini ve içeriğini değiştirme işlemidir. Bu yazıda, DOM manipülasyonunun nasıl yapıldığını ve olay dinleme örneklerini inceleyeceğiz.

Öncelikle, DOM manipülasyonu için JavaScript’i kullanmanız gerekmektedir. JavaScript ile bir HTML elementine erişmek için getElementById(), getElementsByClassName() veya getElementsByTagName() gibi fonksiyonları kullanabilirsiniz. Bu fonksiyonlar, belirli bir ID’ye, sınıfa veya etikete sahip elementleri seçmenizi sağlar.

Bir elementin içeriğini değiştirmek için innerHTML özelliğini kullanabilirsiniz. Örneğin, aşağıdaki kodda, bir div elementinin içeriği “Merhaba, Dünya!” olarak değiştiriliyor:

<button onclick=”changeContent()”>İçeriği Değiştir</button>
<div id=”myDiv”>Şu anda burada bir metin var.</div>

<script>
function changeContent() {
document.getElementById(“myDiv”).innerHTML = “Merhaba, Dünya!”;
}
</script>

Ayrıca, bir elementi dinleyerek belirli bir olay gerçekleştiğinde bir eylem yapabilirsiniz. Bunun için addEventListener() fonksiyonunu kullanabilirsiniz. Örneğin, bir düğmeye tıklandığında bir mesaj görüntülemek için aşağıdaki kodu kullanabilirsiniz:

<button id=”myButton”>Tıkla</button>

<script>
document.getElementById(“myButton”).addEventListener(“click”, function() {
alert(“Düğmeye tıklandı!”);
});
</script>

Yukarıdaki örnekler, DOM manipülasyonu ve olay dinleme için sadece birkaç örnektir. DOM, HTML belgelerinizdeki elementleri kontrol etmenize ve etkileşimli web siteleri oluşturmanıza imkan sağlar.

Özet:

• DOM, HTML belgesinin yapısını temsil eden bir programlama arayüzüdür.
• DOM manipülasyonu, HTML elementlerinin özelliklerini ve içeriğini değiştirme işlemidir.
• Olay dinleme, belirli bir olay gerçekleştiğinde bir eylem yapmanızı sağlar.
• JavaScript ile getElementById(), getElementsByClassName() ve getElementsByTagName() gibi fonksiyonlarla elementlere erişebilirsiniz.
• innerHTML özelliği ile bir elementin içeriğini değiştirebilirsiniz.
• addEventListener() fonksiyonuyla bir elementi dinleyerek olayların gerçekleştiğinde bir eylem yapabilirsiniz.

Asenkron işlemlerde Promise kullanımı örnekleri

Asenkron işlemler, web uygulamalarında sıklıkla kullanılan bir programlama yaklaşımıdır. Bu işlemler, belirli bir işlem sonucu dönerken diğer işlemlerin aynı anda gerçekleştirilmesine olanak sağlar. Asenkron işlemlerde, işlemlerin sırayla değil eşzamanlı olarak gerçekleştirilmesi hedeflenir, böylece kullanıcıya daha iyi bir deneyim sunulur.

Asenkron işlemlerde, Promise kullanımı oldukça yaygındır. Promise, JavaScript tarafından sunulan bir nesnedir ve asenkron operasyonların sonucunu temsil eder. Promise nesnesi, işlemin başarılı olması durumunda bir değer döndürürken hata durumunda da bir hata mesajı dönebilir.

Promise Metodu	Açıklama
Promise.resolve()	Bir asenkron işlem sonucunda başarılı bir değer döndürmek için kullanılır.
Promise.reject()	Bir asenkron işlem hatası durumunda bir hata mesajı döndürmek için kullanılır.
Promise.all()	Birden fazla promise nesnesini eşzamanlı olarak çalıştırır ve hepsinin sonucunu bekler.

Promise kullanımının en yaygın örneklerinden biri, Ajax çağrılarıdır. Bir web uygulaması veri alışverişinde bulunmak için bir sunucuya Ajax çağrısı yapar ve sunucudan veri döndüğünde bu sonuç Promise nesnesiyle temsil edilir. Bu sayede asenkron bir şekilde sunucudan gelen sonuç işlenebilir.

ES6 özelliklerinin kullanımına dair örnekler

ES6, yani ECMAScript 6, JavaScript’in 6. sürümüdür ve birçok yeni özellik ve geliştirmeler sunar. Bu blog yazısında, ES6’nın bazı temel özelliklerini ve nasıl kullanıldıklarını göreceğiz.

1. Arrow Functions: Arrow functions, geleneksel JavaScript fonksiyonlarının kısa ve derli toplu bir şekilde yazılmasını sağlar. Arrow function’lar, kendi this değerlerini oluştururlar ve daha okunaklı bir sözdizimine sahiptirler. Örnek olarak:

2. Let ve Const Anahtar Kelimeleri: ES6 ile birlikte let ve const anahtar kelimeleri tanıtıldı. let, blok kapsamına sahip değişkenler tanımlamak için kullanılırken, const sabit değerler tanımlamak için kullanılır. Örnek olarak:

3. Template Literals: Template literals, daha önceki JavaScript sürümlerinde kullanılan string birleştirme yöntemlerine göre daha esnek bir şekilde stringler oluşturmamızı sağlar. Template literals içinde değişkenlerin doğrudan kullanılması ve çok satırlı stringler oluşturulması kolaylaşır. Örnek olarak:

• Arrow Functions
• Let ve Const Anahtar Kelimeleri
• Template Literals

Özellik	Açıklama
Arrow Functions	Kısa ve derli toplu fonksiyon yazımı sağlar.
Let ve Const Anahtar Kelimeleri	Blok kapsamına sahip değişkenler ve sabit değerler tanımlamak için kullanılır.
Template Literals	Daha esnek string birleştirme yöntemi sunar.

Sık Sorulan Sorular

Veri türlerini karşılaştırma örnekleri

JavaScript’te veri türlerini nasıl karşılaştırabilirim?

Dizileri oluşturma ve manipülasyon örnekleri

JavaScript’te nasıl bir dizi oluşturur ve bu dizi üzerinde nasıl işlemler yapabilirim?

Koşullu ifadelerle çalışma örnekleri

JavaScript’te koşullu ifadelerin nasıl kullanılacağını anlatabilir misiniz?

Fonksiyonları kullanarak tekrarlayan işlemler

JavaScript’te nasıl bir fonksiyon oluşturabilirim ve bu fonksiyonu tekrarlayan işlemler için nasıl kullanabilirim?

DOM manipülasyonu ve olay dinleme örnekleri

JavaScript’te DOM manipülasyonu nasıl yapılır ve hangi olayları dinleyebiliriz?

Asenkron işlemlerde Promise kullanımı örnekleri

JavaScript’te asenkron işlemlerde Promise yapısını nasıl kullanabilirim?

ES6 özelliklerinin kullanımına dair örnekler

JavaScript’te ES6 özelliklerini nasıl kullanabilirim ve nelerdir?