Преобразование символов строки в JavaScript

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

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

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

Введение

В этом лабе мы будем изучать функцию mapString в JavaScript. Эта функция позволяет создать новую строку, применяя заданную функцию к каждому символу в заданной строке. Мы узнаем, как использовать String.prototype.split(), Array.prototype.map() и Array.prototype.join() для реализации mapString и увидим, как она может быть полезной в различных сценариях.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced 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") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28481{{"Преобразование символов строки в JavaScript"}} javascript/data_types -.-> lab-28481{{"Преобразование символов строки в JavaScript"}} javascript/arith_ops -.-> lab-28481{{"Преобразование символов строки в JavaScript"}} javascript/comp_ops -.-> lab-28481{{"Преобразование символов строки в JavaScript"}} javascript/higher_funcs -.-> lab-28481{{"Преобразование символов строки в JavaScript"}} end

Функция для преобразования символов в строке

Для использования этой функции для преобразования символов в строке выполните следующие шаги:

  • Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  • Используйте String.prototype.split() и Array.prototype.map(), чтобы вызвать предоставленную функцию fn для каждого символа в заданной строке.
  • Используйте Array.prototype.join(), чтобы снова объединить массив символов в новую строку.
  • Функция обратного вызова fn принимает три аргумента: текущий символ, индекс текущего символа и строку, для которой была вызвана mapString.

Вот код функции:

const mapString = (str, fn) =>
  str
    .split("")
    .map((c, i) => fn(c, i, str))
    .join("");

Пример использования:

mapString("lorem ipsum", (c) => c.toUpperCase()); // 'LOREM IPSUM'

Резюме

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