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
Vue.js'ye Başlamak ve Vue.JS Kurulumu

JavaScript

Vue.js son yıllarda popüler hale gelen JavaScript kütüphanesi ve framework'üdür. Özellikle Single Page Applications (SPA) oluşturma konusunda ..

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
Blog Resim
NodeJS mi PHP mi? Node.JS ile PHP Arasındaki Farklar

JavaScript

Node.js ve PHP, web geliştirmede kullanılan iki popüler teknolojidir, ancak farklı özelliklere ve kullanım alanlarına sahiptirler. İkisi arasındaki temel farkları ve örneklerle açıklamalarını aşağıda bulabilirsiniz:

Devamını Oku
Blog Resim
JavaScript Kullanarak Göster/Gizle Fonksiyonelliği Oluşturmak

JavaScript

Web geliştirmede, kullanıcıların sayfa üzerindeki belirli öğeleri gösterip gizlemesine izin vermek, interaktif ve kullanıcı dostu arayüzler oluşturmanın temel yollarından biridir.

Devamını Oku