Javascript for Kids · Урок

Разделение текста

Разбивайте текст на слова

«Разделение текста» — бесплатный урок Javascript for Kids на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Javascript for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Javascript for Kids содержит 4 уроков всего.

Добро пожаловать в счётчик слов! 📝

Здравствуйте, волшебник слов! 👋 Мы создадим счётчик слов! 📝

Он посчитает, сколько слов содержится в предложении. Но сначала нам нужно разделить предложение на маленькие части — отдельные слова! ✂️

Что такое строка? 🧵

В коде слова и предложения называются строками. 🧵

Строка — это просто текст, заключённый в кавычки, например 'I love coding'. Давайте выведем строку! 💬

let sentence = 'I love coding';
console.log(sentence);

Пробелы между словами 🫧

Внимательно посмотрите на предложение. Между каждым словом есть пробел! 🫧

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

let sentence = 'cats and dogs';
console.log('This sentence has spaces between words!');
console.log(sentence);

Знакомьтесь: split! ✂️

В JavaScript есть волшебный инструмент под названием split! ✂️

Он разрезает строку на части там, где мы укажем. Мы будем разрезать её по каждому пробелу! 🫧

let sentence = 'cats and dogs';
let words = sentence.split(' ');
console.log(words);

Список слов 📋

Вы заметили квадратные скобки [ ]? 📋

Это массив! Он хранит каждое слово отдельно в виде списка. Очень удобно! 🎉

let sentence = 'red blue green';
let words = sentence.split(' ');
console.log(words);
console.log('Nice, three separate words!');

Выбираем одно слово 👆

Мы можем получить одно слово из списка, используя его позицию! 👆

В коде отсчёт начинается с 0. Поэтому первое слово — это words[0]! 🥇

let words = 'apple banana cherry'.split(' ');
console.log('First word: ' + words[0]);
console.log('Second word: ' + words[1]);
console.log('Third word: ' + words[2]);

Разделяем длинное предложение 📜

Давайте попробуем длинное предложение! 📜

Какой бы длины оно ни было, split разделит его на аккуратный список слов. 🪄

let sentence = 'I want to be a coder';
let words = sentence.split(' ');
console.log(words);

Разделяем по разным символам 🔡

Необязательно разделять текст по пробелам! Можно разделить его по любой букве! 🔡

Здесь мы разрежем слово по каждой букве 'a'. Попробуйте! 😄

let word = 'banana';
let pieces = word.split('a');
console.log(pieces);

Разделяем на буквы 🔠

Если использовать пустые кавычки '', мы разделим текст между EVERY буквами! 🔠

Теперь каждая буква стала отдельной частью! Здорово, правда? 😎

let word = 'cat';
let letters = word.split('');
console.log(letters);

Помощник для разделения 🛠️

Давайте создадим помощника, который разделяет предложение и показывает получившиеся части! 🛠️

Мы сможем повторно использовать его для любого предложения! 🔁

function splitWords(sentence) {
  let words = sentence.split(' ');
  console.log('Pieces: ');
  console.log(words);
}
splitWords('the sky is blue');

Вы умеете разделять текст! 🏆

Отличная работа! 🏆 Вы научились разделять текст!

🧵 Предложения — это строки
✂️ split(' ') разделяет текст по пробелам
📋 Мы получаем массив (список) слов

Дальше мы посчитаем слова! 🔢

Быстрая проверка ✅

Время подумать! 🧠 Что делает split(' ') с предложением?

Итоги урока 🎀

Отличная работа, специалист по разделению! 🎀 Сегодня Вы узнали:

🧵 Текст — это строка
✂️ split разделяет текст на части
📋 В результате мы получаем массив (список)
👆 Мы обращаемся к словам с помощью [0], [1] и т. д.

Далее: посчитаем все эти слова! 🔢

Часто задаваемые вопросы

Урок «Разделение текста» бесплатный?

Да — полный текст урока «Разделение текста» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Javascript for Kids, подпишись на CoddyKit PRO. Курс Javascript for Kids содержит 4 уроков всего.

Чему я научусь в уроке «Разделение текста»?

Разбивайте текст на слова Ты практикуешь Javascript for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Javascript for Kids?

Предыдущий опыт не требуется. Javascript for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.

Сколько времени занимает урок «Разделение текста»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Javascript for Kids?

Да. Каждый урок Javascript for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

← Назад к Javascript for Kids