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
Node.js ile POST İsteği Gönderme ve İşleme

JavaScript

Node.js, sunucu tarafı işlemleri gerçekleştirmek için güçlü bir platformdur. Bu platformu kullanarak, web istemcilerinden gelen POST isteklerini işleyebilirsiniz. Bu makalede, Node.js kullanarak POST isteği gönderme ve alınan veriyi işleme adımlarını öğreneceğiz.

Devamını Oku
Blog Resim
JavaScript Nesne Yönelimli Programlama Nedir?

JavaScript

Günümüzde web geliştirme için JavaScript oldukça yaygın kullanılan bir dildir. Bu dili kullanırken nesne yönelimli programlama (OOP) prensiplerini..

Devamını Oku
Blog Resim
JavaScript Array Dizi Metodları 2: Kullanımı ve Örnekler

JavaScript

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.

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