Форматирование отступов строк в JavaScript

JavaScriptJavaScriptBeginner
Практиковаться сейчас

This tutorial is from open-source community. Access the source code

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом практическом занятии мы рассмотрим функцию indentString в JavaScript. Эта функция позволяет легко отступать каждую строку в заданной строке на указанное количество символов. С помощью этой функции мы можем форматировать строки для лучшей читаемости и организации кода.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28387{{"Форматирование отступов строк в JavaScript"}} javascript/data_types -.-> lab-28387{{"Форматирование отступов строк в JavaScript"}} javascript/arith_ops -.-> lab-28387{{"Форматирование отступов строк в JavaScript"}} javascript/comp_ops -.-> lab-28387{{"Форматирование отступов строк в JavaScript"}} end

Функция для отступа строк в JavaScript

Для добавления отступов к каждой строке в заданной строке можно использовать функцию indentString() в JavaScript. Эта функция принимает три аргумента: str, count и indent.

  • Аргумент str представляет собой строку, которую нужно отступить.
  • Аргумент count определяет, сколько раз нужно отступить каждую строку.
  • Аргумент indent является необязательным и представляет собой символ, который нужно использовать для отступа. Если его не указать, по умолчанию используется одиночный пробельный символ (' ').

Вот код функции indentString():

const indentString = (str, count, indent = " ") =>
  str.replace(/^/gm, indent.repeat(count));

Для использования этой функции достаточно вызвать ее с нужными аргументами. Вот несколько примеров:

indentString("Lorem\nIpsum", 2); // '  Lorem\n  Ipsum'
indentString("Lorem\nIpsum", 2, "_"); // '__Lorem\n__Ipsum'

В первом примере indentString('Lorem\nIpsum', 2) возвращает ' Lorem\n Ipsum', что означает, что каждая строка входной строки была отступлена двумя пробельными символами.

Во втором примере indentString('Lorem\nIpsum', 2, '_') возвращает '__Lorem\n__Ipsum', что означает, что каждая строка входной строки была отступлена двумя символами подчеркивания ('_').

Резюме

Поздравляем! Вы завершили практическое занятие по отступам строк. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.