Ana içeriğe geç
Modül 2 · Ders 2 ders 4Kurstaki 6/32~10 min
Modül dersleri (2/4)

Dize yöntemleri

JS'deki dizelerin düzinelerce yöntemi vardır, ancak pratikte bunlardan on tanesini kullanacaksınız. onlar. Bunların hepsi orijinal dizeyi değiştirmeyen işlevlerdir (dizeler immutable'dır) ancak yeni bir değer döndürür.

Uzunluk, durum, arama

JS
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'

'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false

'JavaScript'.indexOf('a'); // 1    (first occurrence, from 0)
'JavaScript'.indexOf('zzz'); // -1   (not found)

length bir özelliktir (parantez yok), diğerleri yöntemlerdir — (…) ile çağrılan işlevler.

slice ile porsiyonlar çıkarılıyor

slice(start, end) verilen konumlar arasındaki alt dizeyi döndürür (end hariçtir). Negatif endeksler sondan itibaren sayılır.

JS
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh'   (omitting end = to the end)
'abcdefgh'.slice(-2); // 'gh'      (last two)

Bölme ve yeniden birleştirme

split(separator) bir dizeyi bir dizi parçaya böler. Bunun tersi Dizide join(...):

JS
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'

Değiştirme

replace ilk oluşumu değiştirir, replaceAll hepsini değiştirir:

JS
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'

Kırp: kenarlardaki boşlukları kaldırın

trim() başlangıçtaki ve sondaki boşlukları (ve yeni satırları, sekmeleri) kaldırır. Bir formdan girdi aldığınızda vazgeçilmezdir.

JS
'   ciao  '.trim(); // 'ciao'

Deneyin

Egzersiz#js.m2.l2.e1
Denemeler: 0Yükleniyor…

Bir `` Mario.Rossi@Example.com '' e-postası verildiğinde, onu normalleştirin: çevresindeki alanları soyun ve küçük harfle yazın. Son ifadenin 'mario.rossi@example.com' olarak değerlendirilmesi gerekir.

Düzenleyici yükleniyor…
İpucu göster

Yöntemleri zincirleyebilirsiniz: önce trim(), sonra toLowerCase().

3 denemeden sonra çözüm mevcut

Alıştırmayı gözden geçirin

Egzersiz#js.m2.l2.e2
Denemeler: 0Yükleniyor…

``rosso,verde,blu,giallo'` dizesi verildiğinde, son ifade olarak renk SAYISI'nı (ör. 4) döndürün.

Düzenleyici yükleniyor…
İpucu göster

split(',') size bir dizi verir; .uzunluk size eleman sayısını verir.

3 denemeden sonra çözüm mevcut