Array nesnesi, bir öğe koleksiyonunu temsil eder. Birden çok değişkenin karışıklığını önlemek için büyük bir veri kümesinin korunmasına yardımcı olur, böylece onları sıralar. Kullanıcı, Array nesnesine herhangi bir ek yöntem ve özellik uygulamak istiyorsa, bu yeni özelliği/yöntemi her bir öğeye tek tek uygulamasına gerek yoktur. Bunun yerine JavaScript Array “ kullanılarak etkili bir şekilde yapılabilir. prototip ” yapıcı. Bu yapıcı, yeni yöntemlerin ve özelliklerin istenen Array nesnesine uygulanmasına yardımcı olur.
Bu kılavuz, JavaScript'te Array 'prototip' yapıcısının kullanımını açıklamaktadır.
JavaScript'te Dizi “prototip” Oluşturucusu Nasıl Kullanılır?
Dizi “ prototip ” yapıcısı, JavaScript işlevinin yardımıyla bir Array nesnesine yeni yöntemler ve özellikler eklemek için kullanılır. Varsayılan olarak adı ve değeri olarak tüm dizi değerleri için inşa edilmiş özelliği uygular.
Sözdizimi
Array.prototype.name = değer
Yukarıdaki sözdiziminde, “ isim ”, yeni eklenen özelliği “ ile belirtir. değer ” bu, Array nesnesinin tamamı için geçerlidir.
Yukarıda tanımladığımız özelliği sözdizimi yardımıyla uygulamalı olarak kullanalım.
HTML Kodu
İlk olarak, belirtilen HTML koduna bir göz atın:
< P > bu 'prototip' yapıcı yardımcı olur içinde yeni yöntemlerin eklenmesi / verilen Dizinin özellikleri ( ) nesne. P >< düğme tıklamada = 'jsFunc()' > Her Dize Uzunluğunu Alın düğme >
< P İD = 'örnek' > P >
< P İD = 'için' > P >
Yukarıdaki kod satırlarında:
- “ ” etiketi paragraf cümlesini belirtir.
- “
” etiketi, düğme tıklandığında belirtilen “jsFunc()” işlevini çağırmak için bir düğmeyi “onclick” olayıyla gömer. - Son iki ' ” etiketleri, sırasıyla “sample” ve “para” atanan kimlikleriyle boş paragraflar ekler.
Not: Bu HTML kodu, bu kılavuzda verilen tüm örneklerde izlenir.
Örnek 1: Yeni Bir Yöntem Ekleyerek Dizi Nesne Uzunluğunu Saymak için 'prototip' Oluşturucuyu Uygulama
Bu örnek, yeni eklenen bir yöntemin yardımıyla bir Array nesnesi içindeki her dizenin uzunluğunu saymak için 'prototip' yapıcısını kullanır.
JavaScript Kodu
Verilen JavaScript kodunu izleyin:
< senaryo >Array.prototype.stringLength = işlev ( ) {
için ( nerede t = 0 ; T < this.uzunluk; t++ ) {
Bu [ T ] = bu [ T ] .uzunluk;
}
} ;
işlev jsFunc ( ) {
var dizi = [ 'HTML' , 'CSS' , 'JavaScript' ] ;
Document.getElementById ( 'örnek' ) .innerHTML = str;
str.stringLength ( ) ;
Document.getElementById ( 'için' ) .innerHTML = str;
}
senaryo >
Yukarıdaki kod satırlarında:
- Dizinin temel sözdizimini uygulayın ' prototip ' yeni bir yöntem ekleyen yapıcı ' IP uzunluğu ” bir işlevi tanımlıyor.
- Ardından, işlev tanımında ' için ” döngüsü, “uzunluk” özelliğini kullanarak uzunluklarını bulmak için bir Array nesnesinin tüm indeksleri üzerinde yinelenir.
- Bundan sonra “ jsFunc() ”, “str” değişkeninde saklanan bir Array nesnesini tanımlar.
- Sonra ' Document.getElementById () ” yöntemi, “str” Array nesnesini görüntülemek için “örnek” kimliği aracılığıyla ilk boş paragrafa erişir.
- Son olarak, “str” Array nesnesini “ ile ilişkilendirin. IP uzunluğu() ” yöntemi, her dizi dizininin dize uzunluğunu sayar ve ardından kimliği “para” olan bir sonraki boş paragrafa ekler.
Çıktı
Burada çıktı, Array 'prototype' yapıcısı aracılığıyla yeni eklenen 'stringLength()' yönteminin yardımıyla hedef Array nesnesinin her bir dizesinin uzunluğunu gösterir.
Örnek 2: Yeni Bir Yöntem 'myUcase' Oluşturmak için 'prototip' Oluşturucuyu Uygulamak ve Bunu Bir Dizi Nesnesine Uygulamak
Bu örnek, yeni bir 'myUcase' yöntemi oluşturmak için 'prototip' oluşturucuyu kullanır ve bunu hedef Array nesnesine uygular.
JavaScript Kodu
Aşağıda belirtilen JavaScript kodunu inceleyelim:
< senaryo >Array.prototype.myUcase = işlev ( ) {
için ( izin vermek t = 0 ; T < this.uzunluk; t++ ) {
Bu [ T ] = bu [ T ] .toUpperCase ( ) ;
}
} ;
işlev jsFunc ( ) {
sabit diziObj = [ 'html' , 'css' , 'JavaScript' , 'Tepki' ] ;
arrObj.myUcase ( ) ;
Document.getElementById ( 'örnek' ) .innerHTML = arrObj;
}
senaryo >
Burada “prototip” yapıcısı, “adlı yeni bir yöntem oluşturur. benimUcase'im 'kullanan' Büyük Harf Array nesnesinin her dizesini 'Büyük Harfe' dönüştürmek için işlev tanımındaki '' yöntemi. İkinci işlevde, özel yöntem aynı şekilde Dizi üzerinde çağrılır.
Çıktı
Görüldüğü gibi, bir Array nesnesinin her bir dizisi, uygulanan “myUcase()” yöntemi nedeniyle bir düğme tıklandığında büyük harf kullanır.
Çözüm
Diziyi kullanmak için “ prototip ” yapıcısı, yeni yöntemi/özelliği bununla ilişkilendirin. Başka bir işlevin işlevlerini gereksinimlere göre özel bir şekilde tanımlayan bir işlevi belirtir. Bu kılavuz, JavaScript'te Dizi 'prototip' oluşturucusunun kullanımını kısaca açıkladı.