JavaScript Array Dizi Metodları 2: Kullanımı ve Örnekler

Blog Gönderisi Resmi

Hizmetlerimiz hakkında bilgi almak için tıklayın.

JavaScript, Array(Dizi) Metodlarını örnekleriyle beraber açıkladığımız ikinci bölüme hoşgeldiniz, ilk bölüme gitmek için tıklayın.

from() Metodu


from() metodu, başka bir nesneyi veya iterable (yinelemeli) bir nesneyi yeni bir array'e dönüştürmek için kullanılır.

Örnek:


const iterable = 'hello';
const newArray = Array.from(iterable);
// newArray: ["h", "e", "l", "l", "o"]

join() Metodu


join() metodu, bir array'in tüm elemanlarını birleştirerek bir dize oluşturur. Bir ayırıcı karakter belirleyebilirsiniz.

Örnek:


const colors = ["Kırmızı", "Mavi", "Yeşil"];
const joinedString = colors.join(', ');
// joinedString: "Kırmızı, Mavi, Yeşil"

toString() Metodu


toString() metodu, bir array'i bir dize olarak döndürür.

Örnek:


const fruits = ["Elma", "Muz", "Çilek"];
const fruitsString = fruits.toString();
// fruitsString: "Elma,Muz,Çilek"

pop() Metodu


pop() metodu, bir array'in son elemanını kaldırır ve bu elemanı döndürür.

Örnek:


const numbers = [1, 2, 3, 4, 5];
const removedNumber = numbers.pop();
// numbers: [1, 2, 3, 4]
// removedNumber: 5

forEach() Metodu


forEach() metodu, her bir array elemanı için belirtilen bir işlevi çağırır.

Örnek:


const numbers = [1, 2, 3, 4, 5];
numbers.forEach((number) => {
    console.log(number);
});

shift() Metodu


shift() metodu, bir array'in ilk elemanını kaldırır ve bu elemanı döndürür.

Örnek:


const colors = ["Kırmızı", "Mavi", "Yeşil"];
const removedColor = colors.shift();
// colors: ["Mavi", "Yeşil"]
// removedColor: "Kırmızı"

copyWithin() Metodu


copyWithin() metodu, bir array'in içindeki belirli elemanları belirli pozisyonlara kopyalar.

Örnek:


const numbers = [1, 2, 3, 4, 5];
numbers.copyWithin(0, 3, 4);
// numbers: [4, 2, 3, 4, 5]

push() Metodu


push() metodu, bir veya daha fazla elemanı bir array'in sonuna ekler.

Örnek:


const fruits = ["Elma", "Muz"];
fruits.push("Çilek");
// fruits: ["Elma", "Muz", "Çilek"]

unshift() Metodu


unshift() metodu, bir veya daha fazla elemanı bir array'in başına ekler.

Örnek:


const colors = ["Mavi", "Yeşil"];
colors.unshift("Kırmızı");
// colors: ["Kırmızı", "Mavi", "Yeşil"]

concat() Metodu


concat() metodu, bir veya daha fazla array'i birleştirerek yeni bir array oluşturur.

Örnek:


const array1 = [1, 2];
const array2 = [3, 4];
const newArray = array1.concat(array2);
// newArray: [1, 2, 3, 4]

some() Metodu


some() metodu, array içinde belirli bir koşulu sağlayan en az bir eleman varsa true döndürür.

Örnek:


const numbers = [1, 2, 3, 4, 5];
const hasEvenNumber = numbers.some((number) => number % 2 === 0);
// hasEvenNumber: true

splice() Metodu


splice() metodu, bir array'den belirli bir kısmı çıkarır ve yerine başka elemanlar ekler.

Örnek:


const colors = ["Kırmızı", "Mavi", "Yeşil"];
const removedColors = colors.splice(1, 2, "Turuncu", "Sarı");
// colors: ["Kırmızı", "Turuncu", "Sarı"]
// removedColors: ["Mavi", "Yeşil"]

Bu örnekler, JavaScript array dizi metodlarının nasıl kullanılacağını ve hangi amaçlar için kullanılabileceğini göstermektedir. Bu metodlar, verilerinizi işlemek ve manipüle etmek için çok kullanışlıdır.

3. bölümde görüşmek üzere.!

Sizin İçin Önerdiklerimiz

Blog Resim
Next.js Nedir? Avantaj ve Özellikleri Nelerdir?

JavaScript

Geliştiricilerin web uygulamalarını ve sitelerini oluştururken en çok tercih ettiği araçlardan biri olan Next.js, React teknolojisi..

Devamını Oku
Blog Resim
JavaScript'te Eleman Seçimi: getElementById, querySelector ve querySelectorAll

JavaScript

Şimdiki yazımızda getElementById,querySelector ve querySelectorAll elemanlarının ne işe yaradığını öğreneceğiz ve bir kaç örnek göstereceğiz.

Devamını Oku
Blog Resim
Web Sitenize WhatsApp Sabit İletişim Kodu

JavaScript

Günümüzde milyonlarca insan, anlık mesajlaşma uygulamaları aracılığıyla birbirleriyle iletişim kuruyor. Bunlardan en popüleri ise Whatsapp'tır. Peki ya..

Devamını Oku
Blog Resim
Load-More Butonu Yapımı ve SEO Bakımından Önemi

JavaScript

Load more buttonu, bir web sitesinde belirli bir sayfada yer alan içeriğin sınırsız bir şekilde yüklenmesini sağlayan bir butondur. Bu buton, kullanıcıların...

Devamını Oku