Методы Join и Split
Часть раздела Логика и поток путешествия по JavaScript на Coddy — урок 51 из 65.
Метод join() создает и возвращает новую строку путем объединения всех элементов массива, разделенных указанным разделителем.
Метод split() разделяет строку на упорядоченный список подстрок и возвращает их в виде массива.
Базовый синтаксис:
array.join([separator])
string.split([separator])Например:
<strong>Join()</strong>:
const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', ');
console.log(str); // "apple, banana, orange"<strong>Split()</strong>:
const sentence = "Hello World";
const words = sentence.split(' ');
console.log(words); // ['Hello', 'World']Вы можете использовать различные разделители:
const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.join('')); // “applebananaorange”
console.log(fruits.join('-')); // "apple-banana-orange"
const date = "2023-05-15";
console.log(date.split('-')); // ['2023', '05', '15']В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Шпаргалка
Метод join() создает строку, объединяя элементы массива с помощью разделителя:
array.join([separator])Метод split() разделяет строку на массив подстрок:
string.split([separator])Примеры:
const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', '); // "apple, banana, orange"
const sentence = "Hello World";
const words = sentence.split(' '); // ['Hello', 'World']
// Различные разделители
fruits.join(''); // "applebananaorange"
fruits.join('-'); // "apple-banana-orange"
"2023-05-15".split('-'); // ['2023', '05', '15']Попробуйте сами
В этом уроке нет задания по программированию.
В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Логика и поток
1Строки в деталях
Основы работы со строкамиИтерация по строкамШаблонные литералыМетоды строкИтоги — String Weaver4JSON Часть 2
Итерация по JSONВложенный JSONОпциональная цепочка JSONПоверхностное и глубокое копированиеПовторение — Магазин велосипедовПовторение — Солнечная система7Система управления библиотекой
Обзор проектаДобавление книг10Управление системой фестиваля
Обзор проектаДобавление фильмов и площадок2Многомерные массивы
Основы 2D массивовДоступ к элементам 2D массиваВложенные циклы и 2D массивыПовторение: 2D массивыСложение и вычитание матрицСтупенчатые массивы3D массивы и далееРаспространенные паттерны 2D массивовПовторение: всё о массивах5Множества. Часть 1
Что такое множество?Итерация по множествамДобавление элементаУдаление элементаПроверка наличия элементаРазмер и проверка на пустотуКопирование и очисткаИтоги — Основы множеств8Интересные темы о массивах
Деструктуризация массивовСинтаксис Spread в массивахРазреженные массивыИтоги — Воркшоп по массивам3JSON. Часть 1
Что такое JSON?Проверка наличия ключаМетоды объектовОператор spread. Часть 1Оператор spread. Часть 2Удаление ключейПовторение: манипуляции с ключами JSON6Множества. Часть 2
Математика — Объединение множествМатематика — Пересечение множествМатематика — Разность множествМатематика — Симметрическая разностьПодмножества и надмножестваПовторение — Группировка друзей9Продвинутые методы массивов
Методы Join и SplitМетод MapМетод FilterМетод ReduceЦепочки методов массивовForEach и Map — это одно и то же?Метод SortМетоды Find и FindIndexИтоги — Мастер цепочек