JavaFormat ciągu skryptu: metody z PRZYKŁADAMI

Przez: Jamesa Hartmana Jamesa Hartmana
Hours Zaktualizowano

Czym jest JavaFormat ciągu skryptu?

JavaFormat ciągu skryptu odnosi się do podejść, które można wykorzystać do manipulowania ciągami i formatowania ich w określonej formie. Jest to kluczowa cecha każdego języka programowania, która pozwala kontrolować tekst wyświetlany w aplikacji.

W twoim JavaKod skryptu, formatowanie ciągu znaków może przekształcać złożone dane w prosty sposób. Poprawia również czytelność wyników i sprawia, że ​​kod jest łatwiejszy w utrzymaniu. Ponadto, odpowiednio sformatowany JavaCiągi skryptów mogą również odgrywać rolę w ulepszaniu doświadczeń użytkownika związanych z korzystaniem z aplikacji.

Jak sformatować ciągi w JavaScenariusz?

Aby sformatować ciąg w JavaSkrypt, wykonaj podane kroki:

Krok 1) Na początek należy określić, jakie dane chcemy zawrzeć w ciągu znaków.

Krok 2) Następnie wybierz metodę formatowania ciągu w JS.

Krok 3) Napisz odpowiednio kod jego implementacji.

Krok 4) Przetestuj kod, aby upewnić się, że generuje oczekiwane dane wyjściowe.

Krok 5) Zaktualizuj lub zmodyfikuj kod, aby spełnić dodatkowe potrzeby lub wymagania dotyczące formatowania.

Krok 6) Refaktoryzuj kod pod kątem łatwości konserwacji i czytelności.

Różne metody formatowania ciągów w JavaScenariusz

Istnieje wiele sposobów formatowania ciągów znaków JavaSkrypt zawierający operatory konkatenacji, literały szablonów, wyrażenia regularne i wiele więcej.

W następnej sekcji zapoznasz się z następującymi podejściami:

  • {} Brackets z backticami
  • "+" OperaTor
  • Funkcja niestandardowa Formatowanie ciągu
  • Operator konkatenacji
  • Literały szablonowe
  • Wyrażenie regularne
  • Funkcja niestandardowa
  • Operator trójskładnikowy

Metoda 1: Korzystanie z {} Brackets z Backtickami, aby sformatować ciąg JavaScenariusz

W tej metodzie możesz użyć szablon literały, dodając kleszcze (`) do otoczenia ciągu. Następnie wstaw zmienne argumentów ciągu w nawiasach {} poprzedzone znakiem dolara „$”. Te szablony umożliwiają osadzanie wyrażeń w literale ciągu.

Ta operacja pomaga łączyć zmienne zwane symbolami zastępczymi i inne zdefiniowane wartości. W rezultacie końcowy sformatowany ciąg jest uzyskiwany przez interpolację wartości symboli zastępczych.

Na przykład stworzyliśmy dwie zmienne: „Nazwa"I"ID”, a następnie umieścił je w znakach wstecznych w celu wygenerowania sformatowanego wyjścia. Należy pamiętać, że „${}Do osadzania wyrażeń w ciągu znaków używana jest składnia ”.

Kod:

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

Można zauważyć, że wartości symbolu zastępczego „name” i „id” zostały wyświetlone, co oznacza, że ​​interpolacja ciągu została wykonana pomyślnie.

Wyjście:

Welcome Jenny, your ID is 1

POWIĄZANE ARTYKUŁY

Metoda 2: Używanie + Operator, aby sformatować ciąg w JavaScenariusz

Drugie podejście polega na użyciu Operator konkatenacji "+” dla podstawowych ciągów formatujących w JavaSkrypt. Ten sposób obejmuje łączenie poszczególnych zmiennych i ciągów znaków w celu wygenerowania pożądanego wyniku.

Na przykład użyliśmy teraz operatora „+”, aby połączyć te same wartości zmiennych, a metoda „console.log()” zwróci sformatowany ciąg znaków na konsoli.

Kod:

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

Wyjście:

Welcome Jenny, your ID is 1

Metoda 3: Funkcja niestandardowa Formatowanie ciągu w JavaScenariusz

W twoim JavaProgram skryptowy, możesz również użyć podejścia formatowania ciągu funkcji niestandardowej. W tej technice funkcja akceptuje żądane zmienne i zwraca sformatowany ciąg. Ta funkcja formatowania oferuje również dużą elastyczność. Możesz również użyć jej do spełnienia niestandardowych lub złożonych wymagań formatowania.

Tutaj stworzyliśmy niestandardową funkcję formatu o nazwie „witajWiadomość()”, który akceptuje dwie zmienne „Nazwa"I"id” jako argumenty i wyprowadza sformatowane ciągi znaków, wykorzystując literały ciągu szablonu.

Następnie zdefiniowaliśmy żądane zmienne i przekazaliśmy je w wywołaniu funkcji tworzenia niestandardowego formatu.

Kod:

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);

Wyjście:

Welcome Jenny, your ID is 1

Metoda 4: Używanie konkatenacji dla ciągu formatującego w JavaScenariusz

Powiązanie jest prostą metodą stosowaną do formatowania ciągów znaków JavaSkrypt. To podejście polega na łączeniu zmiennych łańcuchowych lub wielu łańcuchów razem za pomocą operatora konkatenacji „+”. Techniki tej można także używać do prostych zadań związanych z łączeniem ciągów.

W podanym przykładzie zmienne „Imię"I"nazwisko” zostanie połączone za pomocą operatora „+” w celu utworzenia „imię i nazwisko” ciąg w następujący sposób.

Kod:

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

Wyjście:

Alex Edward

Metoda 5: Używanie literałów szablonu dla ciągu formatującego w JavaScenariusz

Ciągi szablonów które są również znane jako Literały szablonowe oferują bardziej ekspresyjny i zaawansowany sposób formatowania ciągów znaków JavaSkrypt. Umożliwiają bezpośrednie osadzanie wyrażeń i zmienne w ciągu znaków, używając symbolu zastępczego „${wyrażenie}".

Co więcej, literał szablonu zapewnia również obsługę ciągów wieloliniowych.

Kod:

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

W powyższym przykładzie bezpośrednio interpolowaliśmy zmienną „Nazwa"I"wiek” w ciągu, wykorzystując symbole zastępcze „${}” w odstępach (`) literałów szablonu.

Wyjście:

Hi, Alex! You are 30 years old.

Metoda 6: Używanie wyrażeń regularnych do formatowania ciągu JavaScenariusz

In JavaKod skryptu, Wyrażenia regularne są solidnym narzędziem używanym do manipulacji ciągami znaków i dopasowywania wzorców. Ponadto są również wykorzystywane do znajdowania danego wzorca i zastępowania go zdefiniowanymi wartościami. Operację tę można wykonać za pomocą „zastępować ()" metoda.

Sprawdź poniższy program, metoda zamiany () jest używana z dwoma wyrażeniami regularnymi, które zastąpią symbole zastępcze „[nazwa]"I"[NS]” z odpowiednią wartością.

Kod:

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);

Powoduje to utworzenie nowego obiektu typu string, który będzie przechowywany w „wiadomość” zmienna logowana na konsoli jako wyjście.

Wyjście:

Welcome Jenny. Your ID is 1

Metoda 7: Używanie funkcji niestandardowej dla ciągu formatującego w JavaScenariusz

Możesz także utworzyć bardziej spersonalizowany format ciągu wielokrotnego użytku w formacie JavaSkrypt. Aby to zrobić, zdefiniuj nowy funkcja niestandardowa który akceptuje ciąg i inne parametry. Możesz go wywołać, aby zastąpić symbole zastępcze lub zastosować niestandardowe reguły formatowania. Ta technika obsługuje również niestandardowe formatowanie w złożonych scenariuszach formatowania.

Tutaj stworzyliśmy nowy niestandardowy format funkcji o nazwie „formatString”, który akceptuje „ciąg"I"params"(szyk parametrów) jako argumenty.

W ciele funkcji wywołaliśmy „zastąpić ()” metoda z wyrażeniem regularnym do zastępowania symboli zastępczych „0 {}, 1 {}” z odpowiednimi wartościami z tablicy parametrów.

Kod:

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);

Wyjście:

Hi, Alex! You are 30 years old.

Metoda 8: Używanie trójskładnikowego Operator, aby sformatować ciąg w JavaScenariusz

JAVASCRIPT Operator trójskładnikowy to skrótowy sposób zapisywania wyrażeń warunkowych na ciągach znaków. Można go jednak również użyć do formatowania ciągu, warunkowo wybierając jedną z dwóch wartości zgodnie z określonym wyrażeniem boolowskim i zwracając ciąg.

Składnia:

condition ? expressionIfTrue : expressionIfFalse

Przyjrzyj się przykładowemu kodowi wykorzystującemu operator trójargumentowy do formatowania obiektu ciągu znaków.

Kod:

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

Wyjście:

Welcome Jenny, you are an admin

Tutaj zdefiniowaliśmy dwie zmienne: „Nazwa"I"jestAdminem” z wartościami „Jenny"I"prawdziwy”, odpowiednio.

Następnie wykorzystaliśmy operator trójargumentowy, aby warunkowo dodać ciąg „, jesteś administratorem” do ciągu komunikatu, jeśli wartość opcjonalnego parametru „isAdmin” ma wartość true, jak stwierdzono powyżej.

Porównanie JavaMetody formatowania ciągu skryptu

Tutaj zebraliśmy zalety i wady omówionych powyżej JavaMetody formatowania ciągu skryptu:

Metoda wykonania Zalety Niedogodności
Brackets {} z backtickami (`) • Łatwy w użyciu.
• Zwięzły i czytelny kod. 		Może nie być odpowiedni w przypadku bardziej złożonych wymagań formatowania.
Operator „+” Łatwy do zrozumienia. Może być nieefektywne w przypadku bardziej złożonych wymagań formatowania.
Funkcja niestandardowa do formatowania ciągów Oferuje dużą elastyczność. Wymaga więcej wysiłku związanego z kodowaniem.
Powiązanie OperaTor Proste i szeroko obsługiwane. Uciążliwe w przypadku złożonego formatowania ciągów znaków.
Literały szablonów • Obsługuje ciągi wieloliniowe.
• Readable i intuicyjna składnia. 		Ograniczona kontrola nad opcjami formatowania.
Wyrażenia regularne Zapewnij dużą elastyczność. Inna implementacja i utrzymanie w porównaniu do innych metod.
Funkcja niestandardowa Zapewnia dużą elastyczność. Wymaga dodatkowego kodowania do tworzenia i utrzymywania funkcji niestandardowej.
Operator trójskładnikowy Zwięzły sposób obsługi wartości null lub niezdefiniowanych. Może nie nadawać się do bardziej złożonych wymagań formatowania.

Należy pamiętać, że wybór metody w dużym stopniu zależy od konkretnego przypadku użycia i odpowiednich wymagań użytkownika JavaKod skryptu.

Podsumowanie

In JAVASCRIPT, możesz użyć szablonów literałów, operatora trójargumentowego, „+”, wyrażenia regularne i niestandardowa funkcja formatowania ciągów. Te metody formatowania ciągów pozwalają programistom na manipulowanie danymi tekstowymi i prezentowanie ich w wydajny sposób.

Dlatego wybierz właściwą metodę w oparciu o czytelność, wydajność i kompatybilność przeglądarki. Umożliwia programistom poprawę doświadczeń użytkowników i osiągnięcie pożądanych standardów formatowania.