Javascript for Kids · Урок

Сдвиг букв

Простой шифр

Урок 2 из 413 шагов

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

Трюк со сдвигом! ➡️

Сегодня мы изучим шифр Цезаря: сдвинем каждую букву на несколько позиций вперёд! ➡️🔐

console.log('Let us slide some letters! ➡️')

Сдвиг на одну позицию 1️⃣

Если сдвинуть a на 1 позицию вперёд, получится b. Легко! 1️⃣

let n = 'a'.charCodeAt(0)
console.log('a shifted by 1:', String.fromCharCode(n + 1))

Сдвиг на три позиции 3️⃣

Знаменитый сдвиг Цезаря равен 3. Поэтому a превращается в d! 3️⃣

let n = 'a'.charCodeAt(0)
console.log('a shifted by 3:', String.fromCharCode(n + 3))

Сдвигаем любую букву 🔤

Давайте создадим переменную для величины сдвига, чтобы её можно было легко менять! 🔤

let shift = 3
let letter = 'h'
let n = letter.charCodeAt(0)
console.log(letter, 'becomes', String.fromCharCode(n + shift))

Сдвигаем целое слово 🔁

С помощью цикла мы можем сдвинуть каждую букву в слове! 🔁

let word = 'cat'
let shift = 1
for (let i = 0; i < word.length; i++) {
  let n = word.charCodeAt(i)
  console.log(String.fromCharCode(n + shift))
}

Создаём секретное слово 🧩

Вместо того чтобы выводить каждую букву отдельно, давайте соединим их в одно секретное слово! 🧩

let word = 'cat'
let shift = 1
let secret = ''
for (let i = 0; i < word.length; i++) {
  secret = secret + String.fromCharCode(word.charCodeAt(i) + shift)
}
console.log('Secret:', secret)

Сдвигаемся назад ⬅️

Чтобы прочитать секретное сообщение, сдвиньте буквы BACK на ту же величину! ⬅️

let n = 'd'.charCodeAt(0)
console.log('d shifted back by 3:', String.fromCharCode(n - 3))

А как же Z? 🌀

Если сдвинуть z вперёд, она выйдет за пределы алфавита! Настоящие шифры зацикливают алфавит и возвращаются к a. 🌀

console.log('z is tricky! It should wrap to a 🌀')

Функция сдвига 🛠️

Давайте обернём наш сдвиг в многоразовую функцию! 🛠️

function shiftLetter(letter, amount) {
  return String.fromCharCode(letter.charCodeAt(0) + amount)
}
console.log(shiftLetter('a', 2))

Пробуем разные сдвиги 🔢

Больший сдвиг создаёт другой секретный текст. Попробуйте сдвиг на 5! 🔢

function shiftLetter(l, a) { return String.fromCharCode(l.charCodeAt(0) + a) }
console.log('Shift 5:', shiftLetter('a', 5))
console.log('Shift 10:', shiftLetter('a', 10))

Полная демонстрация сдвига 🎮

Вот как целое слово превращается в секретный текст с помощью сдвига! 🎮

let word = 'dog'
let shift = 2
let secret = ''
for (let i = 0; i < word.length; i++) {
  secret += String.fromCharCode(word.charCodeAt(i) + shift)
}
console.log(word, 'becomes', secret)

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

Проверьте свои навыки сдвига! 🧠

Мастер сдвига букв! 🌟

Awesome, агент! 🕵️ Вы научились сдвигать буквы! 🎉

  • Сдвигайте вперёд, чтобы скрывать ➡️
  • Сдвигайте назад, чтобы читать ⬅️
  • Циклы сдвигают целые слова 🔁

Далее: кодируем целое сообщение! 🔐

console.log('Shifting letters: LEARNED! 🌟')
Можно начать бесплатно

Изучай JavaScript с ИИ-репетитором — бесплатно

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

Курсы
35
Уроки
140

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

Урок «Сдвиг букв» бесплатный?

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

Чему я научусь в уроке «Сдвиг букв»?

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

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

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

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

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

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

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

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

  1. Что такое код
  2. Сдвиг букв
  3. Кодирование
  4. Декодирование
← Назад к Javascript for Kids