JS Eğitimi

ANA SAYFA JS Giriş JS Nereye JS Çıktı JS İfadeleri JS Sözdizimi JS Yorumları JS Değişkenleri JS Let JS Sabiti JS Operatörleri JS Aritmetiği JS Ataması JS Veri Türleri JS Fonksiyonları JS Nesneleri JS Etkinlikleri JS Dizeleri JS Dize Yöntemleri JS Dizisi Arama JS Dize Şablonları JS Numaraları JS Numarası Yöntemleri JS Dizileri JS Dizi Yöntemleri JS Dizi Sıralaması JS Dizi Yineleme JS Dizi Sabiti JS Tarihleri JS Tarih Formatları JS Tarih Alma Yöntemleri JS Tarih Ayar Yöntemleri JS Matematik JS Rastgele JS Booleanları JS Karşılaştırmaları JS Koşulları JS Anahtarı JS Döngüsü İçin JS Döngüsü İçin JS Döngüsü JS Döngüsü JS Arası JS Yinelenebilirler JS Setleri JS Haritaları JS Türü JS Tipi Dönüşüm JS Bitsel JS Normal İfade JS Hataları JS Kapsamı JS Kaldırma JS Sıkı Modu Bu Anahtar Kelimeyi JS JS Ok İşlevi JS Sınıfları JS JSON JS Hata Ayıklama JS Stil Kılavuzu JS En İyi Uygulamaları JS Hataları JS Performansı JS Ayrılmış Kelimeler

JS Sürümleri

JS Sürümleri JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Kenar JS Geçmişi

JS Nesneleri

Nesne Tanımları Nesne Özellikleri Nesne Yöntemleri Nesne Görüntüleme Nesne Erişimcileri Nesne Oluşturucuları Nesne Prototipleri Nesne Yinelenebilirler Nesne Kümeleri Nesne Haritaları Nesne Referansı

JS Fonksiyonları

Fonksiyon Tanımları Fonksiyon Parametreleri Fonksiyon Çağırma İşlev Çağrısı İşlev Uygula Fonksiyon Kapanışları

JS Sınıfları

Sınıf Tanıtımı Sınıf Kalıtımı Sınıf Statik

JS Zaman uyumsuz

JS Geri Aramaları JS Asenkron JS Sözleri JS Zaman uyumsuz/Bekliyor

JS HTML DOM'si

DOM Tanıtımı DOM Yöntemleri DOM Belgesi DOM Öğeleri DOM HTML'si DOM Formları DOM CSS'si DOM Animasyonları DOM Olayları DOM Olay Dinleyicisi DOM Gezinme DOM Düğümleri DOM Koleksiyonları DOM Düğüm Listeleri

JS Tarayıcı Malzeme Listesi

JS Penceresi JS Ekranı JS Konumu JS Geçmişi JS Navigatörü JS Açılır Pencere Uyarısı JS Zamanlaması JS Çerezleri

JS Web API'leri

Web API'sine Giriş Web Formları API'sı Web Geçmişi API'si Web Depolama API'sı Web Çalışanı API'si Web Getirme API'sı Web Coğrafi Konum API'sı

JS AJAX

AJAX'a Giriş AJAX XMLHttp AJAX İsteği AJAX Yanıtı AJAX XML Dosyası AJAX PHP AJAX ASP AJAX Veritabanı AJAX Uygulamaları AJAX Örnekleri

JS JSON

JSON'a Giriş JSON Sözdizimi JSON'a karşı XML JSON Veri Türleri JSON Ayrıştırma JSON Stringify JSON Nesneleri JSON Dizileri JSON Sunucusu JSON PHP JSON HTML'si JSON JSONP

JS ve jQuery

jQuery Seçiciler jQuery HTML'si jQuery CSS'si jQuery DOM'si

JS Grafikleri

JS Grafikleri JS Tuval JS Konusu JS Chart.js JS Google Grafiği JS D3.js

JS Örnekleri

JS Örnekleri JS HTML DOM'si JS HTML Girişi JS HTML Nesneleri JS HTML Olayları JS Tarayıcı JS Editörü JS Alıştırmaları JS Testi JS Sertifikası

JS Referansları

JavaScript Nesneleri HTML DOM Nesneleri


JavaScript Dize Yöntemleri


Dize yöntemleri, dizelerle çalışmanıza yardımcı olur.


Dize Yöntemleri ve Özellikleri

"John Doe" gibi ilkel değerler, özelliklere veya yöntemlere sahip olamaz (çünkü bunlar nesne değildir).

Ancak JavaScript ile, yöntemler ve özellikler ilkel değerler için de kullanılabilir, çünkü JavaScript, yöntemleri ve özellikleri yürütürken ilkel değerleri nesneler olarak ele alır.


JavaScript Dize Uzunluğu

Özellik length, bir dizenin uzunluğunu döndürür:

Örnek

let txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = txt.length;

Dize Parçalarını Çıkarma

Bir dizenin bir bölümünü çıkarmak için 3 yöntem vardır:

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

JavaScript Dize dilimi()

slice()bir dizgenin bir bölümünü çıkarır ve çıkarılan bölümü yeni bir dizgede döndürür.

Yöntem 2 parametre alır: başlangıç ​​konumu ve bitiş konumu (bitiş dahil değildir).

Bu örnek, bir dizenin 7. konumundan 12. konumuna (13-1) kadar bir kısmını dilimler:

Örnek

let str = "Apple, Banana, Kiwi";
let part = str.slice(7, 13);

Not

JavaScript, konumları sıfırdan sayar.

İlk konum 0'dır.

İkinci konum 1'dir.

Bir parametre negatifse, konum dizenin sonundan sayılır.

Bu örnek, bir dizenin bir bölümünü -12 konumundan -6 konumuna dilimler:

Örnek

let str = "Apple, Banana, Kiwi";
let part = str.slice(-12, -6);

İkinci parametreyi atlarsanız, yöntem dizenin geri kalanını dilimler halinde kesecektir:

Örnek

let part = str.slice(7);

veya sondan sayarak:

Örnek

let part = str.slice(-12);


JavaScript Dize alt dizesi()

substring()ile benzerdir slice().

Aradaki fark, substring()negatif dizinleri kabul edememesidir.

Örnek

let str = "Apple, Banana, Kiwi";
let part = str.substring(7, 13);

İkinci parametreyi atlarsanız, substring()dizenin geri kalanını kesecektir.


JavaScript Dizisi substr()

substr()ile benzerdir slice().

Fark, ikinci parametrenin çıkarılan parçanın uzunluğunu belirtmesidir.

Örnek

let str = "Apple, Banana, Kiwi";
let part = str.substr(7, 6);

İkinci parametreyi atlarsanız, substr()dizenin geri kalanını kesecektir.

Örnek

let str = "Apple, Banana, Kiwi";
let part = str.substr(7);

İlk parametre negatifse, konum dizenin sonundan itibaren sayılır.

Örnek

let str = "Apple, Banana, Kiwi";
let part = str.substr(-4);

Dize İçeriğini Değiştirme

Yöntem replace(), belirtilen bir değeri bir dizedeki başka bir değerle değiştirir:

Örnek

let text = "Please visit Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");

Not

Yöntem replace(), çağrıldığı dizeyi değiştirmez.

Yöntem replace()yeni bir dize döndürür.

Varsayılan olarak, replace()yöntem yalnızca ilk eşleşmenin yerini alır:

Örnek

let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");

Varsayılan olarak, replace()yöntem büyük/küçük harf duyarlıdır. MICROSOFT (büyük harfle) yazmak işe yaramaz:

Örnek

let text = "Please visit Microsoft!";
let newText = text.replace("MICROSOFT", "W3Schools");

Büyük/küçük harf duyarlılığını değiştirmek için, bayraklı (duyarsız) bir normal ifade kullanın:/i

Örnek

let text = "Please visit Microsoft!";
let newText = text.replace(/MICROSOFT/i, "W3Schools");

Not

Normal ifadeler tırnak işaretleri olmadan yazılır.

Tüm eşleşmeleri değiştirmek için bayraklı normal bir ifade kullanın ( genel eşleşme) :/g

Örnek

let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace(/Microsoft/g, "W3Schools");

Not

JavaScript Normal İfadeleri bölümünde normal ifadeler hakkında çok daha fazlasını öğreneceksiniz .


Büyük ve Küçük Harfe Dönüştürme

Bir dize şu şekilde büyük harfe dönüştürülür toUpperCase():

Bir dize, şu şekilde küçük harfe dönüştürülür toLowerCase():


JavaScript Dizesi toUpperCase()

Örnek

let text1 = "Hello World!";
let text2 = text1.toUpperCase();

JavaScript Dizesi toLowerCase()

Örnek

let text1 = "Hello World!";       // String
let text2 = text1.toLowerCase();  // text2 is text1 converted to lower

JavaScript Dizisi concat()

concat()iki veya daha fazla dizeyi birleştirir:

Örnek

let text1 = "Hello";
let text2 = "World";
let text3 = text1.concat(" ", text2);

Yöntem concat(), artı operatörü yerine kullanılabilir. Bu iki satır aynı şeyi yapar:

Örnek

text = "Hello" + " " + "World!";
text = "Hello".concat(" ", "World!");

Not

Tüm dize yöntemleri yeni bir dize döndürür. Orijinal dizeyi değiştirmezler.

Resmi olarak şunları söyledi:

Dizeler değişmezdir: Dizeler değiştirilemez, yalnızca değiştirilir.


JavaScript Dize kırpma()

Yöntem trim(), bir dizgenin her iki tarafındaki boşlukları kaldırır:

Örnek

let text1 = "      Hello World!      ";
let text2 = text1.trim();

JavaScript Dize Dolgusu

ECMAScript 2017, iki String yöntemi ekledi: padStart ve padEndbir dizenin başında ve sonunda dolguyu desteklemek için.


JavaScript Dize padStart()

Örnek

let text = "5";
let padded = text.padStart(4,0);

Tarayıcı Desteği

padStart()bir ECMAScript 2017 özelliğidir.

Tüm modern tarayıcılarda desteklenir:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

padStart()Internet Explorer'da desteklenmez.


JavaScript Dize padEnd()

Örnek

let text = "5";
let padded = text.padEnd(4,0);

Tarayıcı Desteği

padEnd()bir ECMAScript 2017 özelliğidir.

Tüm modern tarayıcılarda desteklenir:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

padEnd()Internet Explorer'da desteklenmez.


Dize Karakterlerini Çıkarma

Dize karakterlerini ayıklamak için 3 yöntem vardır:

  • charAt(position)
  • charCodeAt(position)
  • Mülk erişimi [ ]

JavaScript Dizisi charAt()

Yöntem charAt(), bir dizgede belirtilen bir dizindeki (konumdaki) karakteri döndürür:

Örnek

let text = "HELLO WORLD";
let char = text.charAt(0);

JavaScript Dizisi charCodeAt()

Yöntem charCodeAt(), bir dizgede belirtilen bir dizindeki karakterin unicode'unu döndürür:

Yöntem, bir UTF-16 kodu (0 ile 65535 arasında bir tam sayı) döndürür.

Örnek

let text = "HELLO WORLD";
let char = text.charCodeAt(0);

Mülk Erişimi

ECMAScript 5 (2009), dizelerde [ ] özelliğine erişime izin verir:

Örnek

let text = "HELLO WORLD";
let char = text[0];

Not

Mülk erişimi biraz tahmin edilemez olabilir:

  • Dizelerin diziler gibi görünmesini sağlar (ama değiller)
  • If no character is found, [ ] returns undefined, while charAt() returns an empty string.
  • It is read only. str[0] = "A" gives no error (but does not work!)

Example

let text = "HELLO WORLD";
text[0] = "A";    // Gives no error, but does not work

Converting a String to an Array

If you want to work with a string as an array, you can convert it to an array.

JavaScript String split()

A string can be converted to an array with the split() method:

Example

text.split(",")    // Split on commas
text.split(" ")    // Split on spaces
text.split("|")    // Split on pipe

If the separator is omitted, the returned array will contain the whole string in index [0].

If the separator is "", the returned array will be an array of single characters:

Example

text.split("")

Complete String Reference

For a complete String reference, go to our:

Complete JavaScript String Reference.

The reference contains descriptions and examples of all string properties and methods.

Test Yourself With Exercises

Exercise:

Convert the text into an UPPERCASE text:

let txt = "Hello World!";
txt = txt.;