JavaФормат рядка сценарію: методи з ПРИКЛАДАМИ

Автор: Джеймс Гартман Джеймс Гартман
Hours оновлений

Що таке JavaФормат рядка сценарію?

JavaФормат рядка сценарію відноситься до підходів, які можна використовувати для маніпулювання та форматування рядків у визначеній формі. Це важлива функція будь-якої мови програмування, яка дозволяє контролювати текст, який з’являється у вашій програмі.

в вашому JavaКод сценарію, форматування рядка можуть перетворювати складні дані простим способом. Це також покращує читабельність вихідних даних і робить код більш зручним для обслуговування. Крім того, правильно відформатований JavaРядки сценарію також можуть відігравати певну роль у покращенні взаємодії з програмою.

Як форматувати рядки в JavaСценарій?

Щоб відформатувати рядок у JavaСценарій, виконайте наведені кроки:

Крок 1) По-перше, необхідно визначити дані, які ви хочете включити в рядок.

Крок 2) Потім виберіть метод форматування рядка в JS.

Крок 3) Напишіть відповідний код для його реалізації.

Крок 4) Перевірте код, щоб переконатися, що він генерує очікуваний результат.

Крок 5) Оновіть або змініть код відповідно до додаткових потреб або вимог до форматування.

Крок 6) Рефакторинг коду для підтримки та читабельності.

Різні методи форматування рядків у JavaScript

Існує кілька способів форматування рядків JavaСценарій, включаючи оператори конкатенації, шаблонні літерали, регулярні вирази тощо.

У наступному розділі ви дослідите такі підходи:

  • {} Brackets із зворотними галочками
  • "+" Operaтор
  • Користувацька функція Форматування рядка
  • Оператор конкатенації
  • Літерали шаблону
  • Регулярне вираження
  • Спеціальна функція
  • Термінальний оператор

Спосіб 1: використання {} Brackets з Backticks для форматування рядка в JavaScript

У цьому способі можна використовувати шаблон літералів додаванням задній план (`) для включення рядка. Потім вставте змінні рядкових аргументів у дужки {} перед знаком долара «$». Ці шаблони дозволяють вбудовувати вирази в рядковий літерал.

Ця операція допомагає об’єднати змінні, які називаються заповнювачами, та інші визначені значення. У результаті кінцевий відформатований рядок отримується шляхом інтерполяції значень заповнювачів.

Наприклад, ми створили дві змінні, "ім'я"І"ідентифікатор”, а потім уклав їх у зворотні галочки для створення відформатованого виводу. Зауважте, що "${}” синтаксис використовується для вбудовування виразів із рядком.

код:

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

Можна помітити, що значення заповнювача “name” та “id” були відображені, що означає, що інтерполяція рядка виконана успішно.

вихід:

Welcome Jenny, your ID is 1

СТАТТІ ПО ТЕМІ

Спосіб 2: Використання + Operator для форматування рядка JavaScript

Другий підхід полягає у використанні Оператор конкатенації "+” для основних рядків форматування в JavaСценарій. Цей спосіб передбачає об’єднання окремих змінних і рядків разом для створення бажаного результату.

Наприклад, тепер ми використали оператор «+» для об’єднання однакових значень змінних, а метод «console.log()» поверне відформатований рядок на консолі.

код:

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

вихід:

Welcome Jenny, your ID is 1

Спосіб 3: Форматування рядка спеціальної функції JavaScript

в вашому JavaПрограма-скрипт, ви також можете використовувати підхід до форматування рядка спеціальної функції. У цій техніці функція приймає потрібні змінні та повертає відформатований рядок. Ця функція форматування також пропонує велику гнучкість. Ви також можете використовувати його для виконання спеціальних або складних вимог до форматування.

Тут ми створили спеціальну функцію форматування під назвою "WelcomeMsg()", який приймає дві змінні"ім'я"І"id” як аргументи та виводить відформатовані рядки за допомогою шаблонних рядкових літералів.

Після цього ми визначили потрібні змінні та передали їх у формат виклику спеціальної функції формування.

код:

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

вихід:

Welcome Jenny, your ID is 1

Спосіб 4: Використання конкатенації для форматування рядка в JavaScript

Сполучення це простий метод, який використовується для форматування рядків у JavaСценарій. Цей підхід передбачає об’єднання рядкових змінних або кількох рядків разом за допомогою оператора конкатенації “+”. Ви також можете використовувати цю техніку для простих завдань з конкатенації рядків.

У наведеному прикладі змінні "ім'я"І"прізвище” буде об’єднано за допомогою оператора “+” для формування “повне ім'я” рядок таким чином.

код:

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

вихід:

Alex Edward

Спосіб 5. Використання літералів шаблону для форматування рядка JavaScript

Рядки шаблону які також відомі як Літерали шаблону пропонують більш виразний і вдосконалений спосіб форматування рядків JavaСценарій. Вони дозволяють пряме вбудовування виразів і змінні у рядку за допомогою заповнювача "${вираз}".

Крім того, літерал шаблону також забезпечує підтримку багаторядкових рядків.

код:

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

У наведеному вище прикладі ми безпосередньо інтерполювали змінну "ім'я"І"вік" у рядку, використовуючи заповнювачі "${}” у зворотних галочках (`) літералів шаблону.

вихід:

Hi, Alex! You are 30 years old.

Спосіб 6. Використання регулярних виразів для форматування рядка JavaScript

In Javaкод скрипта, Регулярні вирази є надійним інструментом, який використовується для маніпулювання рядками та зіставлення шаблонів. Крім того, вони також використовуються для пошуку заданих шаблонів і заміни їх визначеними значеннями. Цю операцію можна виконати за допомогою «замінити ()”Метод.

Перегляньте наведену нижче програму, метод replace () використовується з двома регулярними виразами, які замінять заповнювачі "[ім'я]"І"[Id]” із відповідним значенням.

код:

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

Це призводить до створення нового рядкового об’єкта, який буде збережено в «повідомлення” змінна, зареєстрована на консолі як вихід.

вихід:

Welcome Jenny. Your ID is 1

Спосіб 7. Використання спеціальної функції для форматування рядка в JavaScript

Ви також можете створити більш багаторазовий та налаштований формат рядка JavaСценарій. Для цього визначте новий спеціальна функція який приймає рядок та інші параметри. Ви можете викликати його, щоб замінити заповнювачі або застосувати спеціальні правила форматування. Ця техніка також підтримує настроюване форматування у складних сценаріях форматування.

Тут ми створили новий формат спеціальної функції під назвою "formatString", який приймає "рядок"І"Титули»(масив параметрів) як аргументи.

У тілі функції ми викликали "replace ()"метод з регулярним виразом для заміни заповнювачів"0 {}, 1 {}” з відповідними значеннями з масиву параметрів.

код:

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

вихід:

Hi, Alex! You are 30 years old.

Спосіб 8: Використання тернарного Operator для форматування рядка JavaScript

JavaScript Термінальний оператор це скорочений спосіб запису умовних виразів у рядках. Однак його також можна використовувати для форматування рядка шляхом умовного вибору одного з двох значень відповідно до вказаного логічного виразу та повернення рядка.

Синтаксис:

condition ? expressionIfTrue : expressionIfFalse

Подивіться на цей приклад коду використання тернарного оператора для форматування в рядковий об’єкт.

код:

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

вихід:

Welcome Jenny, you are an admin

Тут ми визначили дві змінні "ім'я"І"isAdmin" зі значеннями "Дженні"І"правда», відповідно.

Після цього ми використали тернарний оператор, щоб умовно додати рядок ", ти адмін” до рядка повідомлення, якщо значення необов’язкового параметра “isAdmin” є істинним, як зазначено вище.

Порівняння JavaМетоди форматування рядка сценарію

Тут ми перерахували переваги та недоліки вищевказаного JavaМетоди форматування рядка сценарію:

Метод Переваги Недоліки
Brackets {} із зворотними позначками (`) • Простий у використанні.
• Лаконічний і читабельний код. 		Це може не підходити для більш складних вимог до форматування.
оператор «+». Легко зрозуміти. Може бути неефективним для більш складних вимог до форматування.
Спеціальна функція для форматування рядка Пропонує велику гнучкість. Потребує більше зусиль щодо кодування.
Сполучення Operaтор Простий і широко підтримуваний. Громіздкий для складного форматування рядків.
Шаблон літератури • Підтримує багаторядкові рядки.
• Readable та інтуїтивно зрозумілий синтаксис. 		Обмежений контроль над параметрами форматування.
Регулярні вирази Забезпечте велику гнучкість. Різні впровадження та обслуговування порівняно з іншими методами.
Спеціальна функція Забезпечує велику гнучкість. Потрібне додаткове кодування для створення та підтримки спеціальної функції.
Термінальний оператор Стислий спосіб обробки нульових чи невизначених значень. Він може не підійти для більш складних вимог до форматування.

Зауважте, що вибір методу значною мірою залежить від конкретного випадку використання та відповідних ваших вимог JavaКод скрипта.

Висновок

In JavaScript, ви можете використовувати шаблонні літерали, тернарний оператор, “+”, регулярні вирази та настроювана функція для форматування рядків. Ці методи форматування рядків дозволяють розробникам ефективно працювати з текстовими даними та представляти їх.

Тому виберіть правильний метод на основі зручності читання, продуктивності та сумісності з браузером. Це дає змогу розробникам покращувати взаємодію з користувачами та досягати бажаних стандартів форматування.

Вам може сподобатися: