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'si 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 Dizeleri

JavaScript dizeleri, metni depolamak ve işlemek içindir.

JavaScript dizesi, tırnak içine alınmış sıfır veya daha fazla karakterdir.

Örnek

let text = "John Doe";

Tek veya çift tırnak kullanabilirsiniz:

Örnek

let carName1 = "Volvo XC60";  // Double quotes
let carName2 = 'Volvo XC60';  // Single quotes

Dizeyi çevreleyen tırnak işaretleri ile eşleşmedikleri sürece, bir dize içinde tırnak işaretleri kullanabilirsiniz:

Örnek

let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';

IP uzunluğu

Bir dizenin uzunluğunu bulmak için yerleşik lengthözelliği kullanın:

Örnek

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;


Kaçış Karakteri

Dizeler tırnak işaretleri içinde yazılması gerektiğinden, JavaScript bu dizeyi yanlış anlayacaktır:

let text = "We are the so-called "Vikings" from the north.";

İp "Biz sözde biziz" olarak kesilecektir.

Bu sorunu önlemenin çözümü ters eğik çizgi kaçış karakterini kullanmaktır .

Ters eğik çizgi ( \) kaçış karakteri, özel karakterleri dize karakterlerine dönüştürür:

Code Result Description
\' ' Single quote
\" " Double quote
\\ \ Backslash

Sıra \"  , bir dizeye çift tırnak işareti ekler:

Örnek

let text = "We are the so-called \"Vikings\" from the north.";

Sıra \'  , bir dizeye tek bir alıntı ekler:

Örnek

let text= 'It\'s alright.';

Sıra \\  , bir dizgeye ters eğik çizgi ekler:

Örnek

let text = "The character \\ is called backslash.";

JavaScript'te diğer altı kaçış dizisi geçerlidir:

Code Result
\b Backspace
\f Form Feed
\n New Line
\r Carriage Return
\t Horizontal Tabulator
\v Vertical Tabulator

Yukarıdaki 6 kaçış karakteri, orijinal olarak daktiloları, teletype'ları ve faks makinelerini kontrol etmek için tasarlandı. HTML'de hiçbir anlam ifade etmiyorlar.


Uzun Kod Satırlarını Kırmak

En iyi okunabilirlik için programcılar genellikle 80 karakterden uzun kod satırlarından kaçınmayı severler.

Bir JavaScript ifadesi bir satıra sığmıyorsa, onu kırmak için en iyi yer bir operatörden sonradır:

Örnek

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Ayrıca bir metin dizesindeki kod satırını tek bir ters eğik çizgiyle bölebilirsiniz:

Örnek

document.getElementById("demo").innerHTML = "Hello \
Dolly!";

Yöntem tercih edilen \yöntem değildir. Evrensel desteğe sahip olmayabilir. Bazı tarayıcılar karakterin
arkasında boşluk bırakılmasına izin vermez .\

Bir dizeyi bölmenin daha güvenli bir yolu, dize eklemeyi kullanmaktır:

Örnek

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";

Bir kod satırını ters eğik çizgi ile bölemezsiniz:

Örnek

document.getElementById("demo").innerHTML = \
"Hello Dolly!";

Nesne Olarak JavaScript Dizeleri

Normalde JavaScript dizeleri, değişmez değerlerden oluşturulan ilkel değerlerdir:

let x = "John";

Ancak dizeler, anahtar kelimeyle nesneler olarak da tanımlanabilir new:

let y = new String("John");

Örnek

let x = "John";
let y = new String("John");

Strings nesneleri oluşturmayın.

Anahtar newkelime, kodu karmaşıklaştırır ve yürütme hızını yavaşlatır.

Dize nesneleri beklenmeyen sonuçlar üretebilir:

Operatörü kullanırken ==, x ve y eşittir :

let x = "John";
let y = new String("John");

Operatörü kullanırken ===, x ve y eşit değildir :

let x = "John";
let y = new String("John");

(x==y)ve arasındaki farka dikkat edin (x===y).

(x == y) doğru ya da yanlış?

let x = new String("John");
let y = new String("John");

(x === y) doğru ya da yanlış?

let x = new String("John");
let y = new String("John");

İki JavaScript nesnesini karşılaştırmak her zaman false döndürür .

Tam Dizi Referansı

Tam bir String referansı için şuraya gidin:

JavaScript Dize Referansını tamamlayın .

Başvuru, tüm dize özelliklerinin ve yöntemlerinin açıklamalarını ve örneklerini içerir.

Egzersizlerle Kendinizi Test Edin

Egzersiz yapmak:

lengthuzunluğunu uyarmak için özelliği kullanın txt.

let txt = "Hello World!";
let x = ;
alert(x);