Diziler. Dizileri itme javascript örnekleri

Diziler, Array yapıcısı tarafından sağlanan çeşitli yöntemler kullanılarak değiştirilebilir.

Pop / push ve shift / unshift yöntemleri

Pop () ve push () yöntemlerini düşünün. Bu yöntemler yığınlar gibi dizilerle çalışmanıza izin verir. Yığın, öğelere erişimin LIFO ilkesine göre organize edildiği bir veri yapısıdır (İngilizce son giren - ilk çıkar, "son giren - ilk çıkar"). Yığının prensibi bir tabak istifiyle karşılaştırılabilir: ikinciyi üstten almak için üst kısmı çıkarmanız gerekir. Nasıl çalıştığı şekilde gösterilmiştir:

Ve böylece push () ve pop () yöntemlerine geri dönelim. Push () yöntemi, dizinin sonuna bir veya daha fazla yeni öğe ekler ve yeni uzunluğunu döndürür. Pop () yöntemi - dizinin son öğesini kaldırır, dizinin uzunluğunu azaltır ve çıkardığı değeri döndürür. Bu yöntemlerin her ikisinin de diziyi değiştirilmiş bir kopyasını oluşturmak yerine yerinde değiştirdiğini unutmayın.

Var foo \u003d; // foo: foo.push (1,2); // foo: 2 döndürür foo.pop (); // foo: 2 döndürür foo.push (3); // foo: 2 döndürür foo.pop (); // foo: 3 döndürür foo.push (); // foo:] 2 döndürür foo.pop () // foo: foo.pop (); // foo: 1 değişken meyve \u003d ["armut", "muz", "elma"]; var picked \u003d meyveler.pop (); document.write ("Sen benimkini seçtin" + seçildin); Deneyin "

Shift () ve unshift () yöntemleri, dizinin başlangıcına öğe ekleyip kaldırmaları dışında pop () ve push () ile aynı şekilde davranır. Unshift () yöntemi, yeni öğelere yer açmak için mevcut öğeleri daha büyük dizinlere kaydırır, dizinin başına bir veya daha fazla öğe ekler ve dizinin yeni uzunluğunu döndürür. Shift () yöntemi, dizinin ilk öğesini kaldırır ve değerini döndürerek, sonraki tüm öğeleri dizinin başında boş alan kaplayacak şekilde kaydırır.

Var f \u003d; // f: f.unshift (1); // f: Şunu döndürür: 1 f.unshift (22); // f: Döndürür: 2 f.shift (); // f: Şunu döndürür: 22 f.unshift (3,); // f :, 1] Şunu döndürür: 3 f.shift (); // f: [, 1] Şunu döndürür: 3 f.shift (); // f: Şunu döndürür: f.shift (); // f: 1 döndürür

Birleştirme yöntemi

Array.join () yöntemi, bir dizinin öğelerini tek bir dizede birleştirmek için kullanılır. Dize içindeki öğeleri ayırmak için kullanılacak olan yönteme isteğe bağlı bir dize bağımsız değişkeni iletebilirsiniz. Sınırlayıcı belirtilmezse, yöntem çağrıldığında varsayılan ayırıcı karakter virgüldür.

Var a \u003d ["Rüzgar", "Yağmur", "Ateş"]; var myVar1 \u003d a.join (); // "Rüzgar, Yağmur, Ateş" var myVar2 \u003d a.join (","); // "Rüzgar, Yağmur, Ateş" var myVar3 \u003d a.join ("+"); // "Rüzgar + Yağmur + Ateş" document.write (myVar1 + "
"+ myVar2 +"
"+ myVar3); Deneyin"

Array.join () yöntemi, bir dizeyi parçalara bölerek bir dizi oluşturan String.split () yönteminin tersidir.

Ters yöntem

Array.reverse () yöntemi, dizideki öğelerin sırasını tersine çevirir ve yeniden düzenlenmiş öğelerle diziyi döndürür. Bu yöntem, yeniden sıralanan öğelerle yeni bir dizi oluşturmaz, ancak bunları zaten var olan bir dizide yeniden sıralar.

Var myArr \u003d ["bir", "iki", "üç"]; document.write (myArr.reverse ()); Deneyin "

Concat yöntemi

Array.concat () yöntemi, concat () yönteminin çağrıldığı orijinal dizinin öğelerini içeren, concat () yöntemine iletilen tüm argümanların değerleriyle sıralı olarak doldurulan yeni bir dizi oluşturur ve döndürür. Bu bağımsız değişkenlerden herhangi birinin kendisi bir dizi ise, tüm öğeleri eklenecektir. Dizi adları bağımsız değişken olarak kullanılır ve öğelerini birleştirmek istediğiniz sırayla belirtilir.

Var a \u003d; a.concat (4, 5) // a.concat (); // aynı şey - a.concat (,) döndürür // Döndürür

Sıralama yöntemi

Array.sort () yöntemi, dizinin öğelerini yerinde sıralar ve sıralanmış diziyi döndürür. Sort () yöntemi bağımsız değişken olmadan çağrılırsa, dizinin öğelerini alfabetik olarak sıralar (karşılaştırma için geçici olarak dizelere dönüştürür). Sort () yöntemi, öğelerin sıralama düzenini belirleyen, bağımsız değişken olarak bir karşılaştırma işlevi alabilir.

Var a \u003d ["Kivi", "Portakallar", "Armut"]; a.sort (); var s \u003d a.join (","); // Portakal, Armut, Kivi document.write (s); // sayılarla örnek var myArr \u003d; myArr.sort (); document.write (myArr); // 1,10,2 Deneyin "

Muhtemelen sayıları sıralamadan biraz farklı bir sonuç görmeyi bekliyordunuz. Bu tür bir sıralama, sort () yönteminin öğeleri dizelere dönüştürerek sıralaması nedeniyle oluşur. Bu nedenle, aldıkları sıra dizedir - sonuçta "10"

Alfabetik olmayan başka bir düzende sıralamak için, sort () işlevine bağımsız değişken olarak bir karşılaştırma işlevi iletebilirsiniz. Bununla birlikte, karşılaştırma işlevini kendiniz yazmanız gerektiğini unutmayın. Bu işlevin, iki bağımsız değişkeninden hangisinin sıralanan listede ilk olarak görünmesi gerektiğini belirlediği için iki parametresi olmalıdır. Böyle bir işlevi anlamayı ve yazmayı kolaylaştırmak için, öğelerin sırasının belirleneceği birkaç kural vardır:

• İlk bağımsız değişkenin ikinciden önce gelmesi gerekiyorsa, karşılaştırma işlevi negatif bir sayı döndürür (eğer bir
• İlk bağımsız değişkenin ikinciyi takip etmesi gerekiyorsa, karşılaştırma işlevi pozitif bir sayı döndürür (eğer a\u003e b ise)
• İki değer eşdeğerse (yani sıraları önemli değilse), karşılaştırma işlevi 0 döndürür (eğer a \u003d\u003d b ise)

Karşılaştırma için işlev, argümanları olarak dizi öğelerini kullanır:

İşlev foo (a, b) (// bir test işlevi tanımlayın if (a b) 1 döndürür; 0 döndür; // eğer a \u003d\u003d b) var a \u003d; a.sort (foo); // bağımsız değişken olarak yalnızca işlev adı iletilir document.write (a.join (",")); // aynı şeyi daha kısa yazın var a \u003d; a.sort (function (a, b) (// anonim işlevi kullanın return a - b; // işlev 0 döndürür)); document.write (a); // 1,2,5,10 Deneyin "

Örnekteki ilk giriş, nasıl çalıştığını anlamayı kolaylaştırmak için bu şekilde yazılmıştır. İkinci kod parçacığında anonim bir işlevi kullanmanın ne kadar uygun olduğuna dikkat edin. Sadece bir kez çağrıldığı için isim vermeye gerek yoktur.

Not: Dizide tanımsız elemanlar varsa, bunlar dizinin sonuna sarılır.

Dilim yöntemi

Array.slice () yöntemi, diziden belirtilen alanı kopyalamak için kullanılır ve kopyalanan öğeleri içeren yeni bir dizi döndürür. Bu, orijinal diziyi değiştirmez.

Yöntem sözdizimi:

ArrayName.slice (başlangıç, bitiş);

Dizi_adı, yeni bir dizi için belirli bir öğe kümesini almak istediğiniz dizinin adıyla değiştirilmelidir. Yöntem, dizinin döndürülen kısmının başlangıcını ve sonunu tanımlayan iki bağımsız değişken alır. Yöntem dizinin bir bölümünü baştan sona kopyalar, sonuna dahil değil. Yalnızca bir bağımsız değişken belirtilirse, döndürülen dizi, belirtilen konumdan dizinin sonuna kadar tüm öğeleri içerir. Negatif endeksler kullanabilirsiniz - dizinin sonundan sayılırlar.

Var arr \u003d; arr.slice (0.3); // arr.slice (3); // dizi.slice (1, -1); // arr.slice (-3, -2); // İadeler

Ekleme yöntemi

Array.splice () yöntemi, dizilerle çalışmak için genel bir yöntemdir. Slice () ve concat () yöntemlerinin yaptığı gibi yeni bir değiştirilmiş dizi döndürmek yerine diziyi yerinde değiştirir. Splice yöntemi, öğeleri bir diziden kaldırabilir, yeni öğeler ekleyebilir, öğeleri değiştirebilir - birer birer ve aynı anda. Öğelerin hiçbiri kaldırılmadıysa, kaldırılan öğelerin bir dizisini döndürür, boş bir dizi döndürür.

Yöntem sözdizimi:

ArrayName.splice (dizin, miktar, elem1, ..., elemN);

İlk argüman, dizideki öğeleri eklemeye veya çıkarmaya başlayacak dizini belirtir. İkinci bağımsız değişken, ilk bağımsız değişkende belirtilen dizinden başlayarak diziden kaldırılacak öğelerin sayısını belirtir, ikinci bağımsız değişken 0 ise, öğeler kaldırılmayacaktır. İkinci bağımsız değişken atlanırsa, belirtilen dizinden dizinin sonuna kadar tüm dizi öğeleri kaldırılır. Negatif bir konum numarası kullanıldığında, öğeler dizinin sonundan itibaren sayılacaktır.

Var meyveler \u003d ["portakallar", "elmalar", "armutlar", "üzümler"]; var silindi \u003d meyveler.splice (2,2); // ["armut", "üzüm"] document.write (silindi) döndürür; var arr \u003d; arr.splice (4); // İadeler; dizi şimdi: arr.splice (1,2); // İadeler; dizi şöyle oldu: arr.splice (1,1); // İadeler; dizi şu hale geldi: Try "

Splice () yönteminin ilk iki argümanı, kaldırılacak dizi öğelerini belirtir. Bu iki bağımsız değişkenin ardından, ilk bağımsız değişken tarafından verilen konumdan başlayarak diziye eklenecek öğeleri belirten herhangi bir sayıda ek bağımsız değişken gelebilir.

Var meyveler \u003d ["portakallar", "elmalar"]; meyveler.splice (2,0, "karpuz"); // document.write (meyveler) döndürür; // şimdi ["portakallar", "elmalar", "karpuzlar"] var arr \u003d; arr.splice (2,0, "a", "b"); // İadeler; arr.splice (2,2,) oldu; // ["a", "b"]; oldu, 3,4,5] Deneyin "

Concat () yönteminden farklı olarak splice () yönteminin, bağımsız değişkenler olarak iletilen dizileri ayrı öğelere bölmediğini unutmayın. Diğer bir deyişle, bir dizi ekleme için bir yönteme aktarılırsa, dizinin öğelerini değil, dizinin kendisini ekler.

ToString yöntemi

ToString () yöntemi, bir dizinin öğelerini ayırıcı karakter olarak virgül kullanarak dizeye dönüştürür.

Var arr \u003d ["Süt", "Ekmek", "Kurabiye"]; var yiyecek \u003d arr.toString (); document.write (yiyecek); // Süt, Ekmek, Kurabiye Deneyin "

Yöntemin argüman olmadan çağrıldığında join () ile aynı dizeyi döndürdüğünü unutmayın.

indexOf ve lastIndexOf

İndexOf yöntemi, değeri yönteme bağımsız değişken olarak iletilen değere eşit olan bir öğenin dizinini döndürür.

İndexOf () ve lastIndexOf () yöntemlerinin sözdizimi şöyledir:

Array_name.indexOf (arama_öğesi, dizin) dizi_adı.lastIndexOf (arama_ öğesi, dizin)

Yöntemin ilk argümanı indisi bulunacak elemanın değerini, ikinci argüman (isteğe bağlı) aramanın başlayacağı indeksi belirtir. Birden fazla aynı oluşum varsa, en küçük (ilk) dizin seçilir. İstenilen değere sahip bir öğe bulunmazsa, yöntem -1 döndürür. Yöntemin içinde, arama için kesin karşılaştırma (\u003d\u003d\u003d) kullanılır.

Var a \u003d; a.indexOf (3); // 2 a.indexOf (3,4) döndürür; // 6 a.indexOf (35) döndürür; // -1 döndürür: Bu değere sahip öğe yok a.indexOf (2); // 1

LastIndexOf () yöntemi, değeri yönteme bağımsız değişken olarak iletilen değere eşit olan bir öğenin dizinini de döndürür. Tek fark, lastIndexOf () yönteminin en yüksek (son) dizini seçmesidir.

Var a \u003d; a.lastIndexOf (3); // 7 a.lastIndexOf (35) döndürür; // -1 döndürür: Bu değere sahip öğe yok a.lastIndexOf (2); // 6

Yineleyici yöntemleri

Aşağıda açıklanan yöntemler yineleyicilerdir. Dizilerle çalışmak için tüm modern tarayıcılar, öğeleri yinelemek ve üzerlerinde çeşitli eylemler gerçekleştirmek için tasarlanmış yöntemlere sahiptir. Bunlar forEach (), map (), filter (), every (), some, lower () ve lowerRight () yöntemleridir.

0'dan uzunluk - 1'e kadar dizi öğeleri üzerinde yineleme yaparlar ve eğer öğe varsa, onu geri arama işleyici işlevine iletirler.

her biri için

Yöntem sözdizimi:

ArrayName.forEach (callback, thisArg)

İlk argüman, forEach () yönteminin dizinin her bir öğesi için arayacağı bir geri çağrı işlevidir. Çağrılan işleyici işlevinin uygulamasını kendiniz yazmanız gerekir. Çağrılan işlevin üç parametresi olmalıdır: ilk parametre bir bağımsız değişken olarak dizi öğesinin değerini, ikincisini - öğenin dizinini ve üçüncü - dizinin kendisini alır. Ancak, yalnızca dizi öğelerinin değerlerini kullanmak istiyorsanız, yalnızca bir parametre ile bir işlev yazabilirsiniz. İkinci bağımsız değişken thisArg (isteğe bağlı) bu değer olarak aktarılacaktır.

Var arr \u003d; function foo (değer) (var sum \u003d değer * this; return document.write (sum + "
");) arr.forEach (foo, 5); // ikinci argüman değer olarak bu // örnekte üç parametre ile iletilecektir var a \u003d; a.forEach (function (el, idx, a) (document.write ( "a [" + idx + "] \u003d" + el + "[" + a + "] içinde
");)); Deneyin"

filtre

Yöntem sözdizimi:

Diziadı.filter (geri arama, thisObject)

Filter () yöntemi, yalnızca geri çağırma işlevinin true döndüreceği dizi öğelerini içeren yeni bir dizi oluşturur ve döndürür.

İşlev isBig (öğe, dizin, dizi) (// 10'dan büyük veya 10'a eşit sayıları döndürür return (öğe\u003e \u003d 10); // öğe değeri 10'dan büyük veya ona eşitse ifade true döndürür) var filtered \u003d .filter (isBig) ; // filtrelendi

harita

Map () yöntemi, dizideki her öğe için geri çağrı (öğe, idx, ar) işlevini çağırmanın sonuçlarından oluşan yeni bir dizi oluşturur ve döndürür.

Var a \u003d; var b \u003d a.map (işlev (öğe, idx, dizi) (öğe döndür * öğe;)); // b \u003d

her biri

Every () yöntemi, onları test etmek için kullanılan belirtilen işlev dizinin tüm öğeleri için true döndürürse true değerini döndürür.

Some () yöntemi, belirtilen işlevde doğrulama sırasında bir veya daha fazla öğe doğru döndürürse doğru döndürür.

Var a \u003d; a.every (function (x) (return x 10;)) // true: bir sayı\u003e 10

azalt ve azalt

Yöntem sözdizimi:

ArrayName.reduce (callback, initialValue) ArrayName.reduceRight (callback, initialValue)

Azalt () yöntemi, belirtilen işlevi (geri arama) dizideki iki değere aynı anda uygular ve ara sonucu korurken öğeler üzerinde soldan sağa yineleme yapar.

Geri çağırma işlevi bağımsız değişkenleri: (previousValue, currentItem, index, array)

• previousValue - geri arama işlevinin dönüş sonucu (aka ara sonuç)
• currentItem - dizideki geçerli öğe (öğeler sırayla soldan sağa yinelenir)
• dizin - geçerli elemanın dizini
• dizi - işlenen dizi

initialValue Geri çağırma işlevine yapılan ilk çağrı için ilk argüman olarak kullanılan nesne. Basit bir ifadeyle, previousValue'nin değeri ilk çağrıldığında initialValue'ye eşittir. İnitialValue yoksa, dizinin ilk öğesine eşittir ve yineleme ikinciden başlar:

Var a \u003d; function foo (prevNum, curNum) (sum \u003d prevNum + curNum; alert (sum); return sum;) var sonuç \u003d a.reduce (foo, 0); document.write (sonuç); Deneyin "

Bu örneğin nasıl çalıştığını görelim. Foo'nun ilk argümanları şunlardır:

• prevNum \u003d 0 (initialValue 0 olduğundan)
• curNum \u003d 1 (geçerli öğe, dizinin 1. öğesidir)

0 sayısı 1'e eklenir. Bu sonuç (toplam: 1), işlevin bir sonraki çalıştırılışında prevNum olarak geçecektir. Ve bu son öğeye gelene kadar devam eder. Döndürülen sonuç - son çalıştırmanın toplamı 15 (1 + 2 + 3 + 4 + 5) olacaktır.

DüşürmeRight yöntemi, düşürme yöntemine benzer şekilde çalışır, ancak dizi boyunca sağdan sola gider:

Var a \u003d ["h", "o", "m", "e"]; function bar (prevStr, curItem) (return prevStr + curItem;) document.write (a.reduceRight (bar)); // emoh

Diziler

Dizi sıralı bir değerler koleksiyonudur. Bir dizideki değerlere öğeler denir ve her öğe, dizideki bir sayısal konumla karakterize edilir, bu da dizin adı verilir. JavaScript'teki diziler türsüzdür: Bir dizinin öğeleri herhangi bir türde olabilir ve aynı dizinin farklı öğeleri farklı türlerde olabilir. Dizi öğeleri, nesne dizileri ve dizi dizileri gibi karmaşık veri yapıları oluşturmanıza olanak tanıyan nesneler veya başka diziler bile olabilir.

JavaScript'teki dizi dizinleri sıfır tabanlıdır ve 32 bitlik tamsayılar kullanır - bir dizinin ilk öğesi dizin 0'a sahiptir. JavaScript dizileri dinamiktir: gerektiğinde büyüyebilir ve küçülebilirler; Oluşturulduklarında sabit boyutta diziler bildirmeye veya yeniden boyutlandırıldıklarında belleği yeniden ayırmaya gerek yoktur.

JavaScript'teki diziler özel bir nesne biçimidir ve dizi indeksleri, tesadüfen tamsayı olan özellik adlarından biraz daha fazlasını ifade eder.

Diziler oluşturma

Bir dizi oluşturmanın en kolay yolu, köşeli parantez içindeki dizi öğelerinin virgülle ayrılmış basit bir listesi olan değişmez değer kullanmaktır. Bir dizideki değerlerin sabit olması gerekmez - bunlar, nesne değişmezleri dahil herhangi bir ifade olabilir:

Var boş \u003d; // Boş dizi var numaraları \u003d; // Beş sayısal öğeli dizi var misc \u003d [1.1, true, "a",]; // Farklı türlerde 3 öğe + sondaki virgül var base \u003d 1024; var table \u003d; // Değişkenlere sahip dizi var arrObj \u003d [,]; // nesneler içeren 2 dizi

Dizi değişmez sözdizimi, isteğe bağlı bir sondaki virgül, yani değişmez [,], üç değil, iki öğeli bir diziyle eşleşir.

Bir dizi oluşturmanın başka bir yolu da kurucuyu çağırmaktır Dizi ()... Kurucu üç farklı şekilde çağrılabilir:

Yapıcıyı bağımsız değişken olmadan çağırın:

Var arr \u003d new Array ();

Bu durumda, değişmez değere eşdeğer boş bir dizi oluşturulacaktır.

Yapıcıyı, dizinin uzunluğunu belirten tek bir sayısal bağımsız değişkenle çağırın:

Var arr \u003d new Array (10);

Bu durumda, belirtilen uzunlukta boş bir dizi oluşturulacaktır. Array () yapıcısını çağırmanın bu biçimi, öğelerinin sayısı önceden biliniyorsa bir dizi için belleği önceden ayırmak için kullanılabilir. Bunun dizide herhangi bir değer saklamadığını unutmayın.

Bir yapıcı çağrısında ilk iki veya daha fazla dizi öğesinin veya sayısal olmayan bir öğenin değerlerini açıkça belirtin:

Var arr \u003d new Array (5, 4, 3, 2, 1, "test");

Bu durumda, kurucunun argümanları yeni dizinin öğelerinin değerleri haline gelir. Dizi değişmezlerini kullanmak, neredeyse her zaman Array () yapıcısını bu şekilde kullanmaktan daha kolaydır.

Dizi elemanlarını okuma ve yazma

Dizi öğelerine operatör kullanılarak erişilir. Parantezlerin solunda bir dizi referansı olmalıdır. Negatif olmayan bir tamsayı değeri döndüren rastgele bir ifade, parantez içinde olmalıdır. Bu sözdizimi, bir dizi elemanının değerini okumak ve yazmak için uygundur. Bu nedenle, aşağıdaki JavaScript ifadelerinin tümü geçerlidir:

// Tek öğeli bir dizi oluşturun var arr \u003d ["world"]; // 0 maddesini oku var value \u003d arr; // Değeri 1 numaralı elemana yazın arr \u003d 3.14; // Öğe 2'ye bir değer yazın i \u003d 2; dizi [i] \u003d 3; // 3. elemana bir değer yazın arr \u003d "merhaba"; // 0 ve 2 öğelerini okuyun, değeri öğe 3'e yazın arr] \u003d arr;

Dizilerin özel bir nesne türü olduğunu hatırlatmama izin verin. Dizi öğelerine erişmek için kullanılan köşeli parantezler, nesne özelliklerine erişmek için kullanılan köşeli parantezlerle tam olarak aynı işlevi görür. JavaScript yorumlayıcısı, parantezli sayısal dizinleri dizelere dönüştürür - dizin 1, "1" dizesi olur - ve ardından dizeleri özellik adları olarak kullanır.

Sayısal indisleri dizelere dönüştürmenin özel bir yanı yoktur: aynısı normal nesnelerle de yapılabilir:

Var obj \u003d (); // Basit bir nesne oluşturun obj \u003d "one"; // Tamsayılarla indeksleyin

Dizilerin özelliği, negatif olmayan tam sayılar olan özellik adlarını kullanırken, dizilerin otomatik olarak özelliğin değerini belirlemesidir. uzunluk... Örneğin, arr dizisi yukarıda tek bir elemanla oluşturuldu. Daha sonra 1, 2 ve 3 indisli elemanlarına değerler atanmıştır. Bu işlemler sonucunda dizinin length özelliğinin değeri değişmiş ve 4'e eşit olmuştur.

Bir dizideki dizinler ile nesne özellik adlarını açıkça ayırt etmelisiniz. Tüm dizinler özellik adlarıdır, ancak yalnızca tamsayı adlarına sahip özellikler dizindir. Tüm diziler nesnelerdir ve bunlara herhangi bir adla özellikler ekleyebilirsiniz. Bununla birlikte, dizi indeksleri olan özelliklere dokunursanız, diziler, uzunluk özelliğinin değerini gerektiği gibi güncelleyerek yanıt verir.

Negatif ve tamsayı olmayanların dizi indeksleri olarak kullanılmasına izin verildiğini unutmayın. Bu durumda, sayılar özellik adları olarak kullanılan dizelere dönüştürülür.

Dizi Öğelerini Ekleme ve Çıkarma

Bir diziye eleman eklemenin en kolay yolunun yeni indislere değer atamak olduğunu görmüştük. Bir dizinin sonuna bir veya daha fazla öğe eklemek için yöntemi de kullanabilirsiniz. it ():

Var arr \u003d; // Boş bir dizi oluştur arr.push ("sıfır"); // end arr.push'a bir değer ekleyin ("bir", 2); // İki değer daha ekleyin

Arr öğesine bir değer atayarak bir dizinin sonuna bir öğe de ekleyebilirsiniz. Bir dizinin başına bir öğe eklemek için yöntemi kullanabilirsiniz. unshift ()ve dizideki mevcut elemanlar daha yüksek dizinlere kaydırılır.

Nesnelerin sıradan özellikleri gibi silme operatörünü kullanarak bir dizinin öğelerini silebilirsiniz:

Var arr \u003d; arr sil; 2 in arr; // yanlış, dizideki dizin 2 tanımsız dizi.length; // 3: silme operatörü dizinin uzunluk özelliğini değiştirmez

Bir öğeyi kaldırmak, o öğeye tanımsız bir değer atamaya benzer (ancak biraz farklıdır). Silme operatörünün bir dizideki bir öğeye uygulanmasının length özelliğinin değerini değiştirmediğini veya öğe silindikten sonra kalan boşluğu doldurmak için daha yüksek indisli öğelerde aşağı hareket etmediğini unutmayın.

Bir dizinin sonundaki öğeleri, length özelliğine yeni bir değer atayarak kaldırmak da mümkündür. Dizilerin bir yöntemi var pop () (dizinin uzunluğunu 1 azaltan ve kaldırılan öğenin değerini döndüren push () 'nin tersi). Ayrıca bir yöntem var vardiya () (unshift () 'in tersi), dizinin başındaki öğeyi kaldırır. Silme operatörünün aksine, shift () yöntemi tüm öğeleri geçerli indekslerinin altında bir konum aşağı kaydırır.

Son olarak çok amaçlı bir yöntem var ekleme ()bu, dizi öğelerini eklemenize, silmenize ve değiştirmenize olanak tanır. Length özelliğinin değerini değiştirir ve gerektiğinde daha düşük veya daha yüksek indisli dizinin öğelerini kaydırır. Tüm bu yöntemleri biraz sonra tartışacağız.

Çok boyutlu diziler

JavaScript "gerçek" çok boyutlu dizileri desteklemez, ancak dizilerden gelen dizileri kullanarak bunların benzetimini yapmak için iyi bir iş çıkarır. Bir dizi dizisindeki bir veri öğesine erişmek için, operatörü iki kez kullanmak yeterlidir.

Örneğin, değişken matrisin sayı dizilerinden oluşan bir dizi olduğunu varsayalım. Matris [x] 'in her bir elemanı bir sayılar dizisidir. Bir dizideki belirli bir sayıya erişmek için [x] [y] ifade matrisini kullanabilirsiniz. Aşağıda, çarpım tablosu olarak iki boyutlu bir dizinin kullanıldığı belirli bir örnek verilmiştir:

// Çok boyutlu bir dizi oluşturun var table \u003d new Array (10); // Tabloda 10 satır var (var i \u003d 0; i

Dizi sınıfı yöntemleri

ECMAScript 3 standardı, herhangi bir dizinin yöntemi olarak kullanılabilen Array.prototype'nin bir parçası olarak dizilerle çalışmak için birçok kullanışlı işlevi tanımlar. Bu yöntemler aşağıdaki alt bölümlerde sunulacaktır.

Join () yöntemi

Array.join () yöntemi, dizideki tüm öğeleri dizelere dönüştürür, birleştirir ve elde edilen dizeyi döndürür. Yönteme, sonuç dizesindeki öğeleri ayırmak için kullanılacak bir dizeyle isteğe bağlı bir argüman geçirilebilir. Sınırlayıcı dize belirtilmezse, virgül kullanılır. Örneğin, aşağıdaki kod parçası "1,2,3" dizesiyle sonuçlanır:

Var arr \u003d; arr.join (); // "1,2,3" arr.join ("-"); // "1-2-3"

Reverse () yöntemi

Array.reverse () yöntemi, bir dizideki öğelerin sırasını ters çevirir ve yeniden sıralanmış bir dizi döndürür. Permütasyon, doğrudan orijinal dizi üzerinde yapılır, yani. bu yöntem, yeniden sıralanan öğelerle yeni bir dizi oluşturmaz, ancak bunları zaten var olan bir dizide yeniden sıralar. Örneğin, reverse () ve join () yöntemlerini kullanan aşağıdaki kod parçası "3,2,1" dizesiyle sonuçlanır:

Var arr \u003d; arr.reverse (). join (); // "3,2,1"

Sort () yöntemi

Array.sort () yöntemi, orijinal dizideki öğeleri sıralar ve sıralanmış diziyi döndürür. Sort () bağımsız değişken olmadan çağrılırsa, sıralama alfabetik olarak yapılır (karşılaştırma için, gerekirse öğeler geçici olarak dizelere dönüştürülür). Tanımsız öğeler dizinin sonuna sarılır.

Alfabetik olmayan diğer herhangi bir düzende sıralamak için sort () yapmak için bir karşılaştırma işlevini bağımsız değişken olarak iletebilirsiniz. Bu işlev, sıralanan listede iki bağımsız değişkeninden hangisinin önce gelmesi gerektiğini ayarlar. İlk bağımsız değişken ikinciden önce gelmesi gerekiyorsa, karşılaştırma işlevi negatif bir sayı döndürmelidir. İlk bağımsız değişken, sıralanan dizide ikinciyi takip edecekse, işlev sıfırdan büyük bir sayı döndürmelidir. Ve iki değer eşdeğerse (yani sıra önemli değilse), karşılaştırma işlevi 0 döndürmelidir:

Var arr \u003d; arr.sort (); // Alfabetik sıra: 1111, 222, 33, 4 sıralı sıralama (işlev (a, b) (// Sayısal sıra: 4, 33, 222, 1111 return ab; // Sıralama düzenine bağlı olarak 0 değerini döndürür // a ve B)); // Geriye doğru sırala, en yüksekten en küçüğe doğru sıralı sıralama (işlev (a, b) (dönüş b-a));

Bu kod parçacığında adsız bir işlev kullanmanın ne kadar kolay olduğuna dikkat edin. Karşılaştırma işlevi yalnızca burada kullanılır, bu nedenle ona bir ad vermeye gerek yoktur.

Concat () yöntemi

Array.concat () yöntemi, concat () yönteminin çağrıldığı orijinal dizinin öğelerini ve concat () yöntemine iletilen tüm argümanların değerlerini içeren yeni bir dizi oluşturur ve döndürür. Bu bağımsız değişkenlerden herhangi birinin kendisi bir dizi ise, elemanları döndürülen diziye eklenir. Bununla birlikte, bir dizinin dizilerden tek boyutlu bir diziye özyinelemeli bir dönüşümü olmadığına dikkat edilmelidir. Concat () yöntemi orijinal diziyi değiştirmez. Aşağıda bazı örnekler verilmiştir:

Var arr \u003d; arr.concat (4, 5); // arr.concat (); // arr.concat (,) döndürür // arr.concat (4,]) döndürür // Döndürür]

Dilim () yöntemi

Array.slice () yöntemi, belirtilen dizinin bir dilimini veya alt dizisini döndürür. Yöntemin iki bağımsız değişkeni, döndürülen parçanın başlangıcını ve sonunu tanımlar. Döndürülen dizi, ilk bağımsız değişkende numaralandırılan öğeyi ve ikinci bağımsız değişkende numaralandırılan öğeye kadar (ancak dahil olmayan) sonraki tüm öğeleri içerir.

Yalnızca bir bağımsız değişken belirtilirse, döndürülen dizi, başlangıç \u200b\u200bkonumundan dizinin sonuna kadar tüm öğeleri içerir. Bağımsız değişkenlerden herhangi biri negatifse, dizinin sonuna göre öğe numarasını belirtir. Böylece, -1 bağımsız değişkeni dizinin son elemanına ve -3 değişkeni dizinin sondan üçüncü elemanına karşılık gelir. İşte bazı örnekler:

Var arr \u003d; arr.slice (0.3); // arr.slice (3); // dizi.slice (1, -1); // arr.slice (-3, -2); // Dönecek

Splice () yöntemi

Array.splice () yöntemi, bir diziden öğe ekleyen veya kaldıran genel bir yöntemdir. Slice () ve concat () yöntemlerinden farklı olarak, splice () yöntemi çağrıldığı orijinal diziyi değiştirir. Splice () ve slice () yöntemlerinin çok benzer adlara sahip olduğunu, ancak tamamen farklı işlemler gerçekleştirdiğini unutmayın.

Splice () yöntemi, bir diziden öğeleri kaldırabilir, yeni öğeler ekleyebilir veya aynı anda her ikisini birden yapabilir. Dizinin öğeleri, yerleştirme veya silme işleminden sonra bitişik bir dizi oluşacak şekilde gerektiği gibi kaydırılır.

Splice () yönteminin ilk argümanı, dizinin ekleneceği ve / veya silineceği konumu belirtir. İkinci bağımsız değişken, diziden kaldırılacak (kesilecek) öğelerin sayısını belirtir. İkinci bağımsız değişken atlanırsa, belirtilen diziden dizinin sonuna kadar tüm dizi öğeleri kaldırılır. Splice () yöntemi, kaldırılan öğelerin bir dizisini veya (öğelerden hiçbiri kaldırılmadıysa) boş bir dizi döndürür.

Splice () yönteminin ilk iki argümanı, kaldırılacak dizi öğelerini belirtir. Bu bağımsız değişkenlerin ardından, ilk bağımsız değişkende belirtilen konumdan başlayarak diziye eklenecek öğeleri belirten herhangi bir sayıda ek bağımsız değişken gelebilir.

Var arr \u003d; arr.splice (4); // arr \u003d arr.splice (1,2); // arr \u003d arr.splice (1,1); // Dönecek; arr \u003d arr \u003d; arr.splice (2,0, "a", "b"); // Dönecek; arr \u003d

Push () ve pop () yöntemleri

Push () ve pop () yöntemleri, yığınlar gibi dizilerle çalışmanıza izin verir. Push () yöntemi, dizinin sonuna bir veya daha fazla yeni öğe ekler ve yeni uzunluğunu döndürür. Pop () yöntemi, tersi işlemi gerçekleştirir - dizinin son öğesini kaldırır, dizinin uzunluğunu azaltır ve çıkardığı değeri döndürür. Bu yöntemlerin her ikisinin de değiştirilmiş bir kopyasını oluşturmak yerine orijinal diziyi değiştirdiğini unutmayın.

Unshift () ve shift () Yöntemleri

Unshift () ve shift () yöntemleri, öğeleri dizinin sonuna değil başlangıcına eklemeleri ve kaldırmaları dışında push () ve pop () ile aynı şekilde davranır. Unshift () yöntemi, yer açmak için mevcut öğeleri daha büyük dizinlere kaydırır, öğeyi veya öğeleri dizinin başlangıcına ekler ve dizinin yeni uzunluğunu döndürür. Shift () yöntemi, dizinin başlangıcında boşalan alanı kaplamak için sonraki tüm öğeleri bir konum aşağı kaydırarak dizinin ilk öğesini kaldırır ve döndürür.

it () yöntem, bir dizinin sonuna bir veya daha fazla öğe ekler ve dizinin yeni uzunluğunu döndürür.

Bu etkileşimli örneğin kaynağı bir GitHub deposunda saklanır. Etkileşimli örnekler projesine katkıda bulunmak isterseniz, lütfen https://github.com/mdn/interactive-examples klonlayın ve bize bir istek gönderin.

Sözdizimi

arr .push (öğe1 [, ... [, öğeN]])

Parametreler

element N Dizinin sonuna eklenecek öğeler.

Geri dönüş değeri

Örnekler

Bir diziye eleman ekleme

Aşağıdaki kod, iki öğe içeren spor dizisini oluşturur ve ardından buna iki öğe ekler. Toplam değişken, dizinin yeni uzunluğunu içerir.

Spor \u003d ["futbol", "beyzbol"] let toplam \u003d spor.push ("futbol", "yüzme") console.log (spor) // ["futbol", "beyzbol", "futbol", "yüzme "] console.log (toplam) // 4

İki diziyi birleştirme

Bu örnek, ikinci bir dizideki tüm öğeleri göndermek için apply () kullanır.

Yapmak değil İkinci dizi (örnekte moreVegs) çok büyükse bu yöntemi kullanın, çünkü pratikte bir işlevin alabileceği maksimum parametre sayısı sınırlıdır. Daha fazla ayrıntı için başvuruya () bakın.

Sebzeler \u003d ["yaban havucu", "patates"] let moreVegs \u003d ["kereviz", "pancar"] // İkinci diziyi birinciyle birleştir // sebze.push ile eşdeğer ("kereviz", "pancar") Array.prototype.push.apply (sebzeler, moreVegs) console.log (sebzeler) // ["yaban havucu", "patates", "kereviz", "pancar"]

Bir nesneyi dizi benzeri bir şekilde kullanma

Yukarıda belirtildiği gibi, itme kasıtlı olarak geneldir ve bunu kendi yararımıza kullanabiliriz. Array.prototype.push, bu örnekte gösterildiği gibi bir nesne üzerinde gayet iyi çalışabilir.

Bir nesne koleksiyonunu depolamak için bir dizi oluşturmadığımıza dikkat edin. Bunun yerine, koleksiyonu nesnenin kendisinde depoluyoruz ve yöntemi bir dizi ile uğraştığımızı düşünmesi için kandırmak için Array.prototype.push çağrısını kullanıyoruz. JavaScript'in yürütme bağlamını oluşturmamıza izin vermesi sayesinde, sadece çalışır.

Obj \u003d (length: 0, addElem: function addElem (elem) (// obj.length otomatik olarak artırılır // bir eleman her eklendiğinde .Push.call (this, elem))) // "ekleyelim sadece örneklendirmek için bazı boş nesneler.obj.addElem (()) obj.addElem (()) console.log (obj.length) // → 2

Obj bir dizi olmasa da, yöntemin, tıpkı gerçek bir diziyle uğraşıyormuşuz gibi, nesnenin uzunluk özelliğini başarıyla artırdığına dikkat edin.

Teknik Özellikler

Şartname	Durum	Yorum Yap
ECMAScript 3. Baskı (ECMA-262)	Standart	İlk tanım. JavaScript 1.2'de uygulanmıştır.
ECMAScript 5.1 (ECMA-262)	Standart
ECMAScript 2015 (6. Baskı, ECMA-262) Bu belirtimdeki "Array.prototype.push" tanımı.	Standart
ECMAScript Son Taslak (ECMA-262) Bu belirtimdeki "Array.prototype.push" tanımı.	Taslak

Tarayıcı Uyumluluğu

Bu sayfadaki uyumluluk tablosu, yapılandırılmış verilerden oluşturulmuştur. Verilere katkıda bulunmak isterseniz, lütfen https://github.com/mdn/browser-compat-data sayfasına bakın ve bize bir çekme isteği gönderin.

GitHub'da uyumluluk verilerini güncelleyin

	Masaüstü Bilgisayar						Cep Telefonu						Sunucu
	Krom	Kenar	Firefox	Internet Explorer	Opera	Safari	Android web görünümü	Android için Chrome	Android için Firefox	Android için Opera	İOS'ta Safari	Samsung İnternet	Node.js
it	Chrome Tam desteği 1	Edge Tam destek 12	Firefox Tam destek 1	IE Tam destek 5.5	Opera Tam destek Evet	Safari Tam destek 1	WebView Android Tam destek Evet	Chrome Android Tam desteği 18	Firefox Android Tam destek 4	Opera Android Tam destek Evet	Safari iOS Tam destek 1	Samsung Internet Android Tam destek Evet	nodejs Tam destek Evet

Yığın, verilere değişkenlerin değerlerini değiştirme geçmişine başvurmanıza izin verir. Verileri ve algoritmaları tanımlamak, programlamanın merkezinde yer alır. Yığın, kontrolün işlevler arasında aktarılması, özyineleme ve parametre referanslarının düzenlenmesi için temel oluşturur. JavaScript sözdizimi ve anlambilim, push () ve pop () dizi yöntemleri aracılığıyla, anlamı değiştirmeyi ve zaman faktörünü hesaba katmayı mümkün kılar. Tarayıcı dilinin ve mantığının tuhaflığı, zaman faktörünün olanaklarına farklı şekilde bakmamızı sağlar.

Veri dizisi ve oluşum mantığı

Sadece değişkeni tanımlayın. Bir değişken dizisi oluşturmak zor değil. Verileri kullanan bir algoritma, bir soruna statik ve basit bir çözümdür. Klasik veri işleme:

• bir değişkeni tanımlayın (oluşturun);
• bir değer atayın;
• değeri değiştirin;
• değişkeni kaldır.

Push () ve pop () işlevleri, değişkenlerin doğasını ve kullanımlarını değiştirmenize izin verir. Yığın fikri "doğumundan" bu yana değişmemiştir, ancak JS'nin bir tarayıcı dili ve modern bir programlama konsepti olarak kendine özgü olması, zaman faktörünü hesaba katmanıza ve verilere dinamikler vermenize olanak tanır.

") Değeri, dizinin sonuna bir şey eklemektir. İşlev, dizinin son öğesini geri getirmektir. Push / pop bağlamındaki işaretçi eklendiğinde, geri alındığında eklenen öğeye sondan bir önceki öğeye geçer ve son öğe işlemin sonucudur.

Bir tabak yığını - JavaScript'teki bir yığının geleneksel tanımı - yeni bir anlam kazanıyor. Değişken her zaman bir dizi olsun. Bir dizinin kendisi bir değişkenler koleksiyonudur, ancak bir değişkeni bir dizi olarak düşünürseniz, değerlerini değiştirmenin dinamiklerine farklı bakabilirsiniz.

Değerlere göre hareket

Yığının özü - en son geldi, önce soldan. Bu siparişten bir değer çıkaramazsınız. Bu kuralı kesinlikle gözlemleyerek, tüm dizinin değerlerini tek bir değişken olarak kabul ederek, bu değişkenin değerlerinde zaman içinde meydana gelen değişikliklerin dinamiklerini elde edebilirsiniz.

Bu örnekte, JS array.push (...) değerlerini eklemek bir eylem dizisidir, JS dizisi pop () değerlerini almak başka bir dizidir. Her iki hareket tarzı da birbiriyle ilişkilidir. Bu, aktif elemanın değerini yalnızca zaman içinde değil, aynı zamanda değişim mantığında da değiştirdiği anlamına gelir.

Özyineleme ve değer dinamikleri

Bir işlev kendisini çağırabilir ve amacını güvenli bir şekilde yerine getirebilirse, bu tam işlevselliktir. Basit bir örnek bir tablodur. Tabloda başka tablolar olabilir. Ve her tablo satırlar, sütunlar ve hücrelerdir. Her hücre bir tablo içerebilir. Satır veya sütuna göre birkaç hücre, bir tablo içerebilen tek bir hücrede birleştirilebilir. Bir hücredeki tabloda, iki veya daha fazla tablo içeren bir hücre olabilir.

Klasik programlama tarzında söylenenleri uygulamak neredeyse imkansızdır, ancak yinelemeli tarzda bu basittir. Tablo ile çalışmak için algoritmanın işlevselliği herhangi bir hücre içinde uygulanmasına izin veriyorsa, bu JS dizisi itmedir. Bu numara JavaScript'te özel bir anlama sahiptir. Tablolar özel kullanımdır. Sayfa ağacı (DOM), sayfadaki çalışmadır.

İşleyiciler, DOM öğelerine (sayfa etiketleri) takılır. Bir seçenek, böyle bir işleyici bir kez tetiklendiğinde, kendisini birçok kez arayabildiğinde tamamen farklı bir seçenektir. Tüm sayfa öğelerinin tüm işleyicileri bağlamında, sayfanın zaman içindeki dinamikleri elde edilir.

Push / pop ve recursion, sayfanın mantığından biraz farklı bir fikirdir: her şey mevcut durumda gerektiği gibi değişir ve önceden ziyaretçinin eylemlerinin sıralı işlenmesi şeklinde programlanmamıştır.

JavaScript'te. Burada Arrays ile tanışmaya devam edeceğiz. Length özelliği hakkında konuşalım - nasıl öğrenilir: Bir Dizi kaç öğe içerir?

Hadi öğrenelim Öğe Ekle Dizinin başına ve sonuna sırasıyla unshift ve push yöntemleridir.

Ayrıca shift ve pop yöntemlerini kullanarak öğeleri kaldır ayrıca Dizinin başından ve sonundan!

Esasen, Dizi, belirli sayıda farklı öğeden oluşan bir nesnedir.

Length özelliği, Array'deki öğe sayısını bulmanızı sağlar.

Örneğin, önceki konudan bize tanıdık gelen haftanın yedi günü Dizisini ele alalım.

Dizideki elemanların sayısını bulalım ve gösterelim. Bunu yapmak için, aşağıdaki örnekte görebileceğiniz gibi, değeri bizim ilgilendiğimiz dizi olacak bir değişken oluşturun, bunun için de length özelliği belirtilir.

dizi.length - bu kod bize Dizinin öğe sayısını verir (Nerede dizi - Dizi adı) .

Bu nedenle, count değişkenine, Array'deki öğe sayısına eşit bir sayı koyarız.

Length özelliği bu şekilde çalışır.

İtme yöntemi - Dizinin sonuna bir öğe ekler.

Öğe ekleme yöntemleriyle çalışmaya başlamak için bir Dizi oluşturmanız gerekir.

Aşağıda bir "Arkadaşlar" Dizisi oluşturdum - arkadaşlar.

Şimdi, Dizinin sonuna bir öğe, yani başka bir Ad eklememiz gerekiyor.

Bunun için bir itme yöntemi vardır - Dizinin sonuna bir öğe ekler. Şöyle görünüyor:

Nastya, Grigory, Vyacheslav, Alexey, Yakov

Jacob

Yukarıdaki örnekte push yönteminin işleyişini test etmek için, length özelliğini kullanarak friends Array öğelerinin sayısını çıkardık - bunlardan 5 tane var.Sonra tüm friends Array'i ve ayrıca dizinin son öğesi .

Artık öğenin Dizinin sonuna eklendiğini kendiniz görebilirsiniz!

Kaydırmayı kaldırma yöntemi - öğe ekle dizinin başlangıcına.

Burada tekrar Array arkadaşlarına dönüyoruz.

Şimdi, Dizinin başlangıcına bir eleman eklememiz gerekiyor. Bunun için bir vites değiştirme yöntemi var.

Dizideki öğe sayısı 5'tir

Boris, Nastya, Grigory, Vyacheslav, Alexey

Boris

Unshift yönteminin işleyişini test etmek için, length özelliğini kullanarak friends Array öğelerinin sayısını çıkardık, ardından tüm friends Array öğesini ve ayrıca dizinin ilk öğesi (Dizi elemanlarının numaralandırmasının 0'dan başladığını hatırlayın) .

Şimdi, gördüğünüz gibi, öğe Dizinin başına eklendi!

Pop yöntemi - kaldırır dizideki son öğe.

Ve yine "Arkadaşlar" dizisi ile çalışıyoruz.

Pop yöntemini kullanarak - diziden son öğeyi kaldır:

Nastya, Grigory, Vyacheslav

Vyacheslav

Pop yönteminin netliği için, length özelliğini kullanarak Array öğelerinin sayısını tekrar çıkardık, ardından son öğe kaldırılmadan tüm Friends Array'i çıkardık.

Ve ayrıca getirdi son eleman ortaya çıkan Dizi ... Son elemanı görüntülemek için, length özelliğini kullanarak, Array (3) 'te kalan toplam eleman sayısını aldık ve 1'i çıkardık. Böylece, dizinin son elemanını 2 numarada görüntüledik. Ancak bu üçüncü elemandır, çünkü Array'deki numaralandırma 0 !!!

Shift yöntemi - kaldırır diziden ilk öğe.

Bizden önce, daha önce olduğu gibi, "Arkadaşlar" Dizisi

Vardiya yöntemiyle - diziden ilk öğeyi kaldır:

Dizideki öğe sayısı 3'tür

Gregory, Vyacheslav, Alexey

Gregory

Ve son olarak, shift yönteminin işleyişini test etmek için, length özelliğini kullanarak yeni elde edilen Array öğelerinin sayısını çıkardık, sonra tüm friends Array öğesini çıkardık - ilk öğe kaldırılmadan.

Ve ayrıca getirdi dizinin ilk öğesi... Dizideki numaralandırma 0'dan başlar !!!

Sana ve kendime bir tane hatırlatacağım ilginç an Bu makalenin!

Dizinin son elemanının numarasını / dizinini bulmak için, elemanlarının sayısından ihtiyacınız vardır. (yani kimden) Bir çıkar !!!

Bununla zaten konu paragrafında çalıştık.

Bu noktayı açıklamanın iyi bir yolu, haftanın yedi günü Dizisine baktığımız konu paragrafındaki örneğin devamı olabilir.

Dizi günlerindeki öğe sayısı 7'dir

Dizinin son elemanının sayısı 6'dır

Dolayısıyla, bu örnekle aynı zamanda bir kez daha not ettik dizi numaralandırması 0'dan başlar... Ve bu örnekten de görebileceğiniz gibi, dizinin 7. elemanının numarası 6 sayısıdır.

Bu konunun sonunda ev ödevimizi de yapacağız. Yine, kendiniz çözmeye çalışın.

Javascript'teki ... dizisinden çıkarma ve bir Diziye öğe ekleme ödevi aşağıdaki içeriğe sahiptir:

1. Meyvelerden oluşan bir dizi oluşturun: portakal, muz, armut.
2. Dizide o anda kaç tane meyve bulunduğunu ekranda yazdırın.
3. Bir önceki derste öğrenilen yöntemleri kullanarak, dizinin sonuna iki meyve ekleyin - bir elma ve bir ananas ve dizinin başına bir greyfurt.
4. Şu anda dizide kaç tane meyve bulunduğunu görüntüleyin.
5. Önceki derste öğrendiğiniz yöntemleri kullanarak, diziden son ve ilk öğeyi kaldırın.
6. Şu anda dizide kaç tane meyve bulunduğunu görüntüleyin.

Portakal, Muz, Armut

Şimdi sepetimde 3 meyve var

Greyfurt, Portakal, Muz, Armut, Elma, Ananas

Şimdi sepetimde 6 meyve var

Portakal, Muz, Armut, Elma

Şimdi sepetimde 4 meyve var