JavaKomut Dosyası Dizesi Biçimi: ÖRNEKLERLE Yöntemler

Nedir? JavaScript Dizesi Biçimi?

JavaScript String formatı, dizeleri tanımlanmış bir biçimde işlemek ve biçimlendirmek için kullanılabilen yaklaşımları ifade eder. Uygulamanızda görünen metin üzerinde kontrol sahibi olmanızı sağlayan herhangi bir programlama dilinin önemli bir özelliğidir.

Cihazınızda JavaKomut dosyası kodu, dize biçimlendirmesi karmaşık verileri basit bir şekilde dönüştürebilir. Ayrıca çıktı okunabilirliğini iyileştirir ve kodu daha sürdürülebilir hale getirir. Ek olarak, düzgün biçimlendirilmiş JavaScript dizeleri aynı zamanda uygulamanın kullanıcı deneyimini geliştirmede de rol oynayabilir.

Dizeler Nasıl Biçimlendirilir JavaSenaryo?

Bir dizeyi biçimlendirmek için JavaKomut dosyası, verilen adımları izleyin:

) 1 Adım Öncelikle string içerisine dahil etmek istediğiniz veriyi belirlemeniz gerekmektedir.

) 2 Adım Ardından JS'de dizeyi biçimlendirmek için bir yöntem seçin.

) 3 Adım Buna göre uygulanması için kodu yazın.

) 4 Adım Beklenen çıktıyı ürettiğinden emin olmak için kodu test edin.

) 5 Adım Ek biçimlendirme ihtiyaçlarını veya gereksinimlerini karşılamak için kodu güncelleyin veya değiştirin.

) 6 Adım Bakım kolaylığı ve okunabilirlik için kodu yeniden düzenleyin.

Farklı Dize Biçimlendirme Yöntemleri JavaSenaryo

Dizeleri biçimlendirmenin birden çok yolu vardır JavaBirleştirme operatörleri, şablon değişmezleri, düzenli ifadeler ve daha fazlasını içeren komut dosyası.

Bir sonraki bölümde aşağıdaki yaklaşımları inceleyeceksiniz:

• {} Brackets geri tıklamalarla
• "+" Operator
• Özel işlev Dize Biçimlendirmesi
• Birleştirme operatörü
• Şablon değişmezleri
• Düzenli ifade
• Özel işlev
• Üçlü operatör

Yöntem 1: {} kullanma Brackets Dizeyi Biçimlendirmek için Geri Tıklamalarla JavaSenaryo

Bu yöntemde kullanabilirsiniz şablon ekleyerek değişmezler ters vuruşlar (`) bir dizeyi çevrelemek için. Ardından, parantez {} içinde dize argümanlarının değişkenlerini dolar işareti "$" ile başlayarak ekleyin. Bu şablonlar, ifadeleri bir dize sabiti içine yerleştirmenize olanak tanır.

Bu işlem, yer tutucular adı verilen değişkenleri ve diğer tanımlı değerleri birleştirmeye yardımcı olur. Sonuç olarak, son biçimlendirilmiş dize, yer tutucuların değerlerinin enterpolasyonuyla elde edilir.

Örneğin iki değişken yarattık, “isimve Gülay Pala iseid,”ve ardından biçimlendirilmiş çıktıyı oluşturmak için bunları geri tırnaklara ekledi. Şunu unutmayın: “${}İfadeleri dizeye gömmek için sözdizimi kullanılır.

Kodu:

const name = "Jenny";
const id = 1;
console.log (`Welcome ${name}, your ID is ${id}`);

Yer tutucunun “name” ve “id” değerlerinin görüntülendiği görülüyor, bu da string enterpolasyonunun başarılı bir şekilde gerçekleştirildiği anlamına geliyor.

Çıktı:

Welcome Jenny, your ID is 1

Yöntem 2: +'yı kullanma Operator'da Dizeyi Biçimlendirmek için JavaSenaryo

İkinci yaklaşım ise, Birleştirme operatörü "+” temel biçimlendirme dizeleri için JavaKomut dosyası. Bu yol, istenen çıktıyı üretmek için bireysel değişkenleri ve dizeleri bir araya getirmeyi içerir.

Örneğin, artık aynı değişken değerlerini birleştirmek için “+” operatörünü kullandık ve “console.log()” yöntemi konsolda biçimlendirilmiş bir dize döndürecektir.

Kodu:

const name = "Jenny";
const id = 1;
console.log("Welcome " + name + ", your ID is " + id);

Çıktı:

Welcome Jenny, your ID is 1

Yöntem 3: Özel işlev Dize Biçimlendirmesi JavaSenaryo

Cihazınızda JavaKomut dosyası programı, ayrıca özel işlev dize biçimlendirme yaklaşımını da kullanabilirsiniz. Bu teknikte, işlev istenen değişkenleri kabul eder ve biçimlendirilmiş dizeyi döndürür. Bu biçimlendirme işlevi ayrıca çok fazla esneklik sunar. Ayrıca bunu özel veya karmaşık biçimlendirme gereksinimlerini karşılamak için de kullanabilirsiniz.

Burada “adında özel bir format fonksiyonu oluşturduk.hoş geldinizMsg()“iki değişkeni kabul eden”isimve Gülay Pala iseid” bağımsız değişken olarak kullanılır ve şablon dize değişmezlerini kullanarak biçimlendirilmiş dizelerin çıktısını alır.

Daha sonra istenilen değişkenleri tanımladık ve bunları özel formasyon fonksiyon çağrısı formatına aktardık.

Kodu:

function welcomeMsg(name, id) {
  return `Welcome ${name}, your ID is ${id}`;
}
const name = "Jenny";
const id = 1;
const msg = welcomeMsg(name, id);
console.log(msg);

Çıktı:

Welcome Jenny, your ID is 1

Yöntem 4: Format Dizesi için Birleştirmeyi Kullanma JavaSenaryo

birbirine bağlama dizeleri biçimlendirmek için kullanılan basit bir yöntemdir JavaKomut dosyası. Bu yaklaşım, birleştirme operatörü " kullanılarak dize değişkenlerini veya birden fazla dizeyi bir araya getirmeyi içerir+”. Bu tekniği basit dize birleştirme görevleri için de kullanabilirsiniz.

Verilen örnekte değişkenler “ilk adıve Gülay Pala iseSoyadı”, “+” operatörünün yardımıyla birleştirilerek “Ad Soyad” dizesi aşağıdaki gibidir.

Kodu:

var firstName = "Alex";
var lastName = "Edward";
var fullName = firstName + " " + lastName;
console.log(fullName);

Çıktı:

Alex Edward

Yöntem 5: Format Dizesi için Şablon Değişmez Değerlerini Kullanma JavaSenaryo

Şablon dizeleri olarak da bilinir Şablon değişmezleri dizeleri biçimlendirmek için daha etkileyici ve gelişmiş bir yol sunar JavaKomut dosyası. İfadelerin doğrudan gömülmesine izin verirler ve değişkenler " yer tutucusunu kullanarak dize içinde${ifade} anlayışının sonucu olarak, buzdolabında iki üç günden fazla durmayan küçük şişeler elinizin altında bulunur.

Ayrıca şablon değişmezi aynı zamanda çok satırlı dizelere de destek sağlar.

Kodu:

var name = "Alex";
var age = 30;
var msg = `Hi, ${name}! You are ${age} years old.`;
console.log(msg);

Yukarıdaki örnekte “ değişkenine doğrudan enterpolasyon yaptık.isimve Gülay Pala iseyaş” yer tutucuları kullanarak dize içinde “${}” şablon değişmezlerinin geri tırnakları (`) içinde.

Çıktı:

Hi, Alex! You are 30 years old.

Yöntem 6: Dizeyi Biçimlendirmek için Normal İfadeleri Kullanma JavaSenaryo

In JavaKomut dosyası kodu, Düzenli ifadeler dize manipülasyonu ve desen eşleştirme için kullanılan sağlam bir araçtır. Ayrıca verilen örüntüyü bulmak ve tanımlanmış değerlerle değiştirmek için de kullanılırlar. Bu işlem “” yardımı ile yapılabilir.yer değiştirmek ()" yöntem.

Aşağıdaki programa bir göz atın, yer tutucuların yerini alacak iki normal ifadeyle replacement() yöntemi kullanılıyor”[isim]ve Gülay Pala ise[İD]” ilgili değerle.

Kodu:

let name = "Jenny";
let id = 1;
let message = "Welcome [name], your ID is [id]".replace(/\[name\]/g, name).replace(/\[id\]/g, id);
console.log(message);

Bu, "" konumunda saklanacak yeni bir dize nesnesiyle sonuçlanır.mesaj” değişkeni konsolda çıkış olarak günlüğe kaydedildi.

Çıktı:

Welcome Jenny. Your ID is 1

Yöntem 7: Dizeyi Biçimlendirmek için Özel bir işlev kullanma JavaSenaryo

Ayrıca daha yeniden kullanılabilir ve özelleştirilmiş bir dize biçimi de oluşturabilirsiniz. JavaKomut dosyası. Bunu yapmak için yeni bir komut dosyası tanımlayın özel işlev bir dize ve diğer parametreleri kabul eder. Yer tutucuları değiştirmek veya özel biçimlendirme kuralları uygulamak için çağırabilirsiniz. Bu teknik ayrıca karmaşık biçimlendirme senaryolarında özelleştirilmiş biçimlendirmeyi destekler.

Burada “adlı yeni bir özel işlev formatı oluşturduk”formatString" kabul eden bir "dizive Gülay Pala iseparams"(dizi parametrelerin) bağımsız değişken olarak kullanılması.

İşlev gövdesi içinde “değiştir ()"Yer tutucuları değiştirmek için normal ifade içeren yöntem"0 {}, 1 {}”parametre dizisindeki ilgili değerleriyle birlikte.

Kodu:

function formatString(string, params) {
  return string.replace(/{(\d+)}/g, (match, index) => {
    return typeof params[index] !== 'undefined' ? params[index] : match;
  });
}
var name = "Alex";
var age = 30;
var formattedMsg = formatString("Hi, {0}! You are {1} years old.", [name, age]);
console.log(formattedMsg); 

Çıktı:

Hi, Alex! You are 30 years old.

Yöntem 8: Üçlü Kullanma Operator'da Dizeyi Biçimlendirmek için JavaSenaryo

JavaSenaryo Üçlü operatör dizelere koşullu ifadeler yazmanın kısa yoludur. Ancak belirtilen boole ifadesine göre iki değerden birini koşullu olarak seçip dizeyi döndürerek dize biçimlendirmesi için de kullanılabilir.

Sözdizimi:

condition ? expressionIfTrue : expressionIfFalse

Bir dize nesnesine biçimlendirmek için üçlü operatörün kullanıldığı bu örnek koda bir göz atın.

Kodu:

let name = "Jenny";
let isAdmin = true;
let msg = `Welcome ${name}${isAdmin ? ", you are an admin" : ""}`;
console.log(msg);

Çıktı:

Welcome Jenny, you are an admin

Burada iki değişken tanımladık”isimve Gülay Pala iseyönetici“değerleriyle”Jennyve Gülay Pala isegerçek", sırasıyla.

Bundan sonra, “dizesini koşullu olarak eklemek için üçlü operatörü kullandık”, sen bir yöneticisinYukarıda belirtildiği gibi isteğe bağlı “isAdmin” parametresinin değeri doğruysa mesaj dizesine ”.

Karşılaştırılması JavaKomut Dosyası Dizesi Biçimlendirme Yöntemleri

Burada yukarıda tartışılanların avantajlarını ve dezavantajlarını sıraladık. JavaKomut dosyası dizesi biçim yöntemleri:

Yöntem	Avantajlar	Dezavantajlar
Brackets {} geri tırnaklı (`)	• Kullanımı kolay. • Kısa ve okunabilir kod.	Daha karmaşık biçimlendirme gereksinimleri için uygun olmayabilir.
“+” operatörü	Anlaması kolay.	Daha karmaşık biçimlendirme gereksinimleri için verimsiz olabilir.
Dize biçimlendirmesi için özel işlev	Çok fazla esneklik sunar.	Daha fazla kodlama çabası gerekiyor.
birbirine bağlama Operator	Basit ve geniş çapta desteklenir.	Karmaşık dize biçimlendirmeleri için kullanışsızdır.
Şablon Değişmezleri	• Çok satırlı dizileri destekler. • Readable ve Sezgisel sözdizimi.	Biçimlendirme seçenekleri üzerinde sınırlı kontrol.
Düzenli ifadeler	Çok fazla esneklik sağlayın.	Diğer yöntemlere göre farklı uygulama ve bakım.
Özel işlev	Çok fazla esneklik sağlar.	Özel bir işlev oluşturmak ve sürdürmek için ek kodlamaya ihtiyaç vardır.
Üçlü operatör	Boş veya tanımsız değerleri işlemenin kısa yolu.	Daha karmaşık biçimlendirme gereksinimleri için uygun olmayabilir.

Yöntem seçiminin büyük ölçüde özel kullanım durumuna ve işletmenizin ilgili gereksinimlerine bağlı olduğunu unutmayın. JavaKomut dosyası kodu.

Sonuç

In JavaSenaryo, şablon değişmez değerlerini, üçlü operatörü kullanabilirsiniz, "+” operatörü, normal ifadeler ve dizeleri biçimlendirmek için özel işlev. Bu dize formatı yöntemleri, geliştiricilerin metin verilerini verimli bir şekilde işlemesine ve sunmasına olanak tanır.

Bu nedenle okunabilirlik, performans ve tarayıcı uyumluluğuna göre doğru yöntemi seçin. Geliştiricilere kullanıcı deneyimlerini iyileştirme ve istenen biçimlendirme standartlarına ulaşma gücü verir.