Bu eğiticide, örnekler yardımıyla JavaScript dizesi hakkında bilgi edineceksiniz.
JavaScript dizesi, metinlerle çalışmak için kullanılan ilkel bir veri türüdür. Örneğin,
const name = 'John';
JavaScript Dizeleri Oluşturun
JavaScript'te, dizeler tırnak işaretleri içine alınarak oluşturulur. Alıntıları kullanmanın üç yolu vardır.
- Tek tırnak:
'Hello'
- İkili alıntı:
"Hello"
- Backticks:
`Hello`
Örneğin,
//strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;
Tek ve çift tırnaklar hemen hemen aynıdır ve ikisini de kullanabilirsiniz.
Ters işaretler genellikle bir dizeye değişkenler veya ifadeler eklemeniz gerektiğinde kullanılır. Bu, değişkenleri veya ifadeleri $(variable or expression)
yukarıda gösterildiği gibi sararak yapılır .
Başka bir alıntı içine de bir alıntı yazabilirsiniz. Örneğin,
const name = 'My name is "Peter".';
Bununla birlikte, alıntı çevreleyen alıntılarla eşleşmemelidir. Örneğin,
const name = 'My name is 'Peter'.'; // error
Dize Karakterlerine Erişim
Bir dizedeki karakterlere iki şekilde erişebilirsiniz.
- Bir yol, dizeleri bir dizi olarak ele almaktır. Örneğin,
const a = 'hello'; console.log(a(1)); // "e"
- Başka bir yol da yöntemi kullanmaktır
charAt()
. Örneğin,
const a = 'hello'; console.log(a.charAt(1)); // "e"
JavaScript Dizeleri değişmezdir
JavaScript'te dizeler değişmezdir. Bu, bir dizenin karakterlerinin değiştirilemeyeceği anlamına gelir. Örneğin,
let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"
Bununla birlikte, değişken adını yeni bir dizeye atayabilirsiniz. Örneğin,
let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"
JavaScript Büyük / Küçük Harfe Duyarlıdır
JavaScript büyük / küçük harfe duyarlıdır. Bu, JavaScript'te küçük ve büyük harflerin farklı değerler olarak değerlendirildiği anlamına gelir. Örneğin,
const a = 'a'; const b = 'A' console.log(a === b); // false
JavaScript'te a
ve A
farklı değerler olarak kabul edilir.
JavaScript Çok Satırlı Dizeleri
Çok satırlı bir dize kullanmak için +
operatörü veya operatörü kullanabilirsiniz. Örneğin,
// using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'
JavaScript Dize Uzunluğu
Bir dizenin uzunluğunu bulmak için yerleşik length
özelliği kullanabilirsiniz. Örneğin,
const a = 'hello'; console.log(a.length); // 5
JavaScript Dize Nesneleri
new
Anahtar kelimeyi kullanarak da dizeler oluşturabilirsiniz . Örneğin,
const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"
Not : Dize nesneleri kullanmaktan kaçınmanız önerilir. Dize nesnelerini kullanmak programı yavaşlatır.
JavaScript Dize Yöntemleri
Yaygın olarak kullanılan JavaScript Dize yöntemleri şunlardır:
Yöntem | Açıklama |
---|---|
charAt (dizin) | belirtilen dizindeki karakteri döndürür |
concat () | iki veya daha fazla dizeye katılır |
değiştir () | bir dizeyi başka bir dizeyle değiştirir |
Bölünmüş() | dizeyi bir dizi dizisine dönüştürür |
substr (başlangıç, uzunluk) | dizenin bir bölümünü döndürür |
alt dize (başlangıç, bitiş) | dizenin bir bölümünü döndürür |
dilim (başlangıç, bitiş) | dizenin bir bölümünü döndürür |
toLowerCase () | returns the passed string in lower case |
toUpperCase() | returns the passed string in upper case |
trim() | removes whitespace from the strings |
includes() | searches for a string and returns a boolean value |
search() | searches for a string and returns a position of a match |
Example: JavaScript String Methods
const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"
JavaScript String() Function
The String()
function is used to convert various data types to strings. For example,
const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"
If you want to learn more about the string conversion, visit JavaScript Type Conversion.
Escape Character
You can use the backslash escape character to include special characters in a string. For example,
const name = 'My name is \'Peter\'.'; console.log(name);
Output
My name is 'Peter'.
In the above program, the same quote is included using .
Here are other ways that you can use :
Code | Output |
---|---|
" | include double quote |
\ | ters eğik çizgi dahil |
n | Yeni hat |
r | satırbaşı |
v | dikey sekme |
t | yatay sekme |
b | geri tuşu |
f | form besleme |