Тип string

Тренажер по TypeScript для пользователей с начальным уровнем подготовки.

Тренажер по TypeScript

Тип string в TypeScript используется для представления текстовых данных. Строки можно объявлять с помощью одинарных 'текст', двойных "текст" кавычек или шаблонных литералов `текст`.

TypeScript обеспечивает типобезопасность: переменной типа string нельзя присвоить число или другой тип без явного преобразования. Это помогает избежать ошибок ещё на этапе разработки.

  • Шаблонные литералы позволяют встраивать выражения: `Привет, ${name}!`
  • Доступны все стандартные методы строк JavaScript

В этом интерактивном тренажёре вы на практике изучите работу со строковым типом, выполняя задания онлайн без регистрации.

Список тем

1. Объявление строковых переменных

id: 40622_string_01_declare

В этом задании вам нужно дополнить фрагмент кода на TypeScript, объявляющий три строковые переменные. Код содержит пропуски в ключевых местах: тип переменной, оператор присваивания и строковый литерал. Заполните пропуски так, чтобы код корректно объявлял переменные firstName, lastName и city с соответствующими значениями. Обратите внимание на синтаксис объявления переменных в TypeScript и использование кавычек для строк.

Заполните пропуски
// Объявите переменную firstName типа string со значением "Alice"
let firstName: input1S = "Alice";
// Объявите переменную lastName типа string со значением "Smith"
let lastName: string input2S input3S;
// Объявите переменную city типа string со значением 'New York'
let city: string = 'New York';
Сообщения
Проверить
Показать решение на 3 сек.
Показать подсказку

2. Результат конкатенации строк

id: 40622_string_02_concat

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

Выберите правильный вариант ответа
let lang: string = "Type";
let ext: string = "Script";
let version: number = 5;
let fullName: string = lang + ext + " " + version + ".0";
console.log(fullName);
Сообщения
Проверить
Показать подсказку

3. Исправь ошибку присваивания

id: 40622_string_03_error

В этом фрагменте кода TypeScript допущена одна ошибка, связанная с присваиванием значения переменной типа string. Найдите строку с ошибкой и исправьте её, чтобы код стал рабочим и соответствовал правилам типизации TypeScript.

Найдите ошибку и исправьте
// Объявление строковых переменных
let userName: string = 'Alice';
let userAge: string = 25;
let message: string = "Hello, " + userName;
console.log(message);
Сообщения
Проверить
Показать решение на 3 сек.
Показать подсказку

4. Методы строк и их назначение

id: 40622_string_04_methods

В левой колонке приведены описания действий, которые выполняют методы строк в TypeScript. В правой колонке перечислены названия методов. Сопоставьте каждое описание с соответствующим методом. Обратите внимание, что в правой колонке нет лишних вариантов, но порядок методов перемешан.

Сопоставьте строки в правой(нижней) части с соответствующими строками в левой(верхней) по порядковому номеру
Преобразует все символы строки в верхний регистр
Преобразует все символы строки в нижний регистр
Удаляет пробельные символы с начала и конца строки
Возвращает часть строки, начиная с указанного индекса и до конца или до другого индекса
Возвращает символ по указанному индексу в строке
Определяет, содержит ли строка указанную подстроку, возвращая true или false
trim
toUpperCase
includes
toLowerCase
slice
charAt
Сообщения
Проверить
Показать подсказку

5. Длина строки

id: 40622_string_05_length

В данном фрагменте кода на TypeScript объявляется переменная типа string, инициализированная конкретным значением, а затем используется свойство length для определения количества символов в этой строке. Проанализируйте код мысленно и укажите, какое числовое значение будет выведено в консоль после его выполнения. Введите только одно целое число, без дополнительных пробелов или символов, соответствующее длине строки.

Что должно получиться?
let myString: string = "TypeScript";
let lengthOfString: number = myString.length;
console.log(lengthOfString);
Сообщения
Проверить
Показать подсказку

6. Собери код работы со строками

id: 40622_string_06_build

Из предложенных строк соберите корректную TypeScript-программу, которая объявляет строковую переменную, преобразует её в верхний регистр и выводит результат (только преобразованную строку). Три строки лишние и в решение входить не должны.

Перетяните в правильном порядке строки из одного блока в другой
let message: string = "Hello, TypeScript!";
let upperMessage: string = message.toUpperCase();
console.log(upperMessage);
console.log(message);
let lowerMessage: string = message.toLowerCase();
let anotherMessage = message.toUppercase();
Сообщения
Проверить
Показать решение на 3 сек.
Показать подсказку

7. Шаблонные литералы

id: 40622_string_07_template

В данном задании вам предстоит заполнить пропуски в коде TypeScript, используя шаблонные литералы (template literals). Вы увидите код, в котором для формирования строки используются обратные кавычки и интерполяция переменных. Вам нужно выбрать из выпадающего списка правильные имена переменных, чтобы код корректно работал и выводил ожидаемый результат. Обратите внимание на синтаксис шаблонных литералов: они обрамляются обратными кавычками (`), а переменные вставляются с помощью ${}.

Нужно правильно расставить в пропуски предложенные варианты
let userName = 'Анна';
let userAge = 25;
let userCity = 'Москва';

// Формируем приветствие с использованием шаблонного литерала
let greeting = `Привет! Меня зовут ${input1S}, мне ${input2S} лет, я живу в ${input3S}.`;

console.log(greeting);
Сообщения
Проверить
Показать решение на 3 сек.
Показать подсказку

TypeScript: компиляция и запуск

id: 40622_compiler

Стартовый пример по типу string в TypeScript. Экспериментируйте: меняйте значения строк, добавляйте свои переменные, вызывайте методы вроде toUpperCase() или trim(), пробуйте присвоить число строковой переменной — TypeScript сразу покажет ошибку. Вы увидите, как строгая типизация помогает избегать багов.

TS
Запустить тренажёр (TypeScript)
НайтиКурс.Ру