Dizi Metotları Bölüm 3
Coddy'nin JavaScript Journey'sinin Temeller bölümünün bir parçası — ders 68 / 77.
İşte birkaç tane daha kullanışlı dizi metodu:
1. concat(): İki veya daha fazla diziyi birleştirir ve orijinal dizileri değiştirmeden yeni bir dizi döndürür.
let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Çıktı: [1, 2, 3, 4]2. join(separator): Bir dizinin tüm öğelerini, belirtilen ayırıcıyla (isteğe bağlı) ayrılmış bir dize halinde birleştirir.
let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Çıktı: "apple, banana, orange"3. slice(start, end): Bir dizinin bir bölümünü çıkarır ve yeni bir dizi döndürür. start indeksi dahil, end indeksi ise hariçtir.
let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Çıktı: [2, 3, 4]4. splice(start, deleteCount, item1, item2, ...): Bir dizinin içeriğini eleman kaldırarak, değiştirerek veya ekleyerek değiştirir. Orijinal diziyi değiştirir ve silinen elemanları (varsa) içeren bir dizi döndürür.
let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Çıktı: [1, 2, 6, 7, 5]
console.log(removed); // Çıktı: [3, 4]5. split(separator, limit): Bir dizeyi, belirtilen ayırıcıya göre alt dizelerden oluşan bir diziye böler. Orijinal dize değiştirilmez. İsteğe bağlı limit parametresi, maksimum bölünme sayısını kontrol eder.
let text = "apple,banana,orange";
let result = text.split(",");
console.log(result);
// Çıktı: ["apple", "banana", "orange"]
let limited = text.split(",", 2);
console.log(limited);
// Çıktı: ["apple", "banana"]Görev
KolaySize numbers = [1, 2, 3, 4, 5] şeklinde bir dizi veriliyor. Aşağıdaki adımları gerçekleştirin ve sonuçları doğrudan yazdırın:
- Dizinin sonuna
[6, 7, 8]eklemek içinconcat()kullanın ve sonucu yazdırın. concat()sonucunu virgüllerle ayrılmış bir dizeye dönüştürmek içinjoin()kullanın ve bunu yazdırın.- Orijinal
numbersdizisinden ilk üç öğeyi çıkarmak içinslice()kullanın ve bunları yazdırın. numbersdizisinin ikinci öğesini99ile değiştirmek içinsplice()kullanın ve değiştirilmişnumbersdizisini yazdırın.
Kopya kağıdı
Manipülasyon ve çıkarma için dizi metotları:
concat(): Orijinalleri değiştirmeden dizileri birleştirir
let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Output: [1, 2, 3, 4]join(separator): Dizi öğelerini bir dize içinde birleştirir
let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Output: "apple, banana, orange"slice(start, end): Dizinin bir bölümünü çıkarır (başlangıç dahil, bitiş hariç)
let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Output: [2, 3, 4]splice(start, deleteCount, item1, item2, ...): Öğeleri kaldırarak/değiştirerek/ekleyerek orijinal diziyi değiştirir
let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Output: [1, 2, 6, 7, 5]
console.log(removed); // Output: [3, 4]split(separator, limit): Bir dizeyi alt dizelerden oluşan bir diziye böler
let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); // Output: ["apple", "banana", "orange"]
let limited = text.split(",", 2);
console.log(limited); // Output: ["apple", "banana"]Kendin dene
let numbers = [1, 2, 3, 4, 5];Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Temeller bölümündeki tüm dersler
4Operatörler Bölüm 2
Mantıksal Operatörler Bölüm 1Mantıksal Operatörler Bölüm 2Özet - Basit MantıkMantıksal Operatörler Bölüm 3Tür Zorlama7Hesap Paylaştırma Hesaplayıcısı
Hoş Geldiniz MesajıBahşiş ve Toplamı Hesaplama2Değişkenler
SayılarStringBooleanİsimlendirme KurallarıBoş DeğişkenlerÖzet - Değişkenleri BaşlatmaSabitler3Operatörler Bölüm 1
Aritmetik OperatörlerModül OperatörüAritmetik KısayollarKarşılaştırma OperatörleriSıkı ve Gevşek EşitlikÖzet - Basit Matematik6Temel Giriş-Çıkış
ÇıktıDeğişkenlerle ÇıktıTür Dönüşümü - Bölüm 1Tür Dönüşümü - Bölüm 2Özet - 120'ye KadarÖzet - Doğru veya Yanlış9Fonksiyonlar
Fonksiyon TanımlamaArgümanlarReturnÖzet - Sigma FonksiyonuFonksiyon İfadesiVarsayılan ParametrelerArrow FunctionsÖzet - Doğrulama Fonksiyonu12Diziler Bölüm 2
Diziler Üzerinde YinelemeforEach Metodufor...of DöngüsüÖzet - P SayacıDizi DilimlemeDizi Metotları Bölüm 3Dizi Metotları Bölüm 4Üyelik Testi