Курс JavaScript: Инкремент и декремент
Из языка Си в JavaScript перекочевали две операции: инкремент ++ и декремент --, которые очень часто встречаются вместе с циклами. Эти унарные операции увеличивают и уменьшают на единицу число, записанное в переменную:
let i = 0;
i++; // 0
i++; // 1
i--; // 2
i--; // 1
Кроме постфиксной формы, у них есть и префиксная:
let i = 0;
++i; // 1
++i; // 2
--i; // 1
--i; // 0
Кажется, что нет никакой разницы между постфиксной и префиксной формами. Но тут начинаются сложности.
В отличие от всех остальных операций, которые не имеют побочных эффектов и просто возвращают новое значение, инкремент и декремент не только возвращают значение, но и изменяют значение переменной.
При использовании префиксной нотации сначала происходит изменение переменной, а потом возврат.
При использовании постфиксной нотации — наоборот: можно считать, что сначала происходит возврат, а потом изменение переменной.
Правило работает одинаково для инкремента и декремента. Для простоты рассмотрим только инкремент:
let x = 5;
console.log(++x); // => 6
console.log(x); // => 6
console.log(x++); // => 6
console.log(x); // => 7
Что происходит?
- Вывели на экран
++x. Это префиксный инкремент, поэтому сначала значение переменной увеличилось на 1, потом результат вернулся и вывелся на экран. - Так как значение изменилось,
console.log(x)вывел 6. - Теперь выводим на экран
x++. Это постфиксный инкремент, поэтому возвращено значение, содержавшееся в переменной до её увеличения на 1. - Так как значение изменилось,
console.log(x)вывел 7.
Особенно страшным это становится тогда, когда инкремент вставляют внутрь других операций: x = i++ - 7 + --h. Понять такой код почти невозможно, и его написание должно рассматриваться как тяжкое преступление.
Например, в языке JavaScript линтер (программа, проверяющая код) сразу начинает ругаться, когда встречает использование инкремента или декремента.
Рекомендации по использованию:
- Никогда не мешайте в рамках одного выражения операции/функции без побочных эффектов с операциями/функциями, обладающими побочными эффектами.
- Используйте инкремент и декремент только там, где нет разницы между префиксным и постфиксным вариантом: отдельно от всего, на своей собственной строчке кода.
Задание
Напишите функцию makeItFunny(), которая принимает на вход строку и возвращает её копию. У копии каждый n-ный элемент должен быть переведен в верхний регистр. n – задается на входе в функцию.
Для определения каждого n-ного элемента понадобится остаток от деления %. Подумайте, как его можно использовать.
const text = 'I never look back';
// Каждый третий элемент
makeItFunny(text, 3); // 'I NevEr LooK bAck'
Полезное
Определения
- Побочный эффект
- действие, которое изменяет внешнее окружение (среду выполнения). Например, вывод на экран или отправка письма.
Как с вами связаться? 🙃
Команда проекта находится в телеграм-сообществе. Там можно задать любой вопрос и повлиять на проект
Упражнение не проходит проверку — что делать? 😶
Если вы зашли в тупик, то самое время поговорить с нашим асситентом Тота во вкладке "ИИ-помощник":
В моей среде код работает, а здесь нет 🤨
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Мой код отличается от решения учителя 🤔
Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи. В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Прочитал урок — ничего не понятно 🙄
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в обратной связи нашего сообщества
Привет! Я Тота и моя задача помочь в обучении. Чтобы активировать меня, нужно зарегистрироваться или залогиниться, если у вас уже есть аккаунт
Ваше упражнение проверяется по этим тестам
1import { expect, test } from 'vitest';
2import f from './index.js';
3
4test('test', () => {
5 const text = 'I never look back';
6 expect(f(text, 3)).toEqual('I NevEr LooK bAck');
7 expect(f('hello', 2)).toEqual('hElLo');
8});
9Решение учителя откроется через:
