Функция, возвращающая несколько значений — изящное использование на ES6
При программировании может возникнуть такая ситуация, когда функция должна вернуть несколько значений сразу. ES6 поможет нам изящно разрулить эту ситуацию и сократит количество лишнего кода. Посмотрим на практическом примере — пусть функция должна вернуть одновременно год, месяц и день. Упростим задачу средствами ES6!
Исходники кода
function getYearMonth() < let dateObj = new Date; let year = dateObj.getFullYear(); let month = dateObj.getMonth(); return
Трепачёв Дмитрий © 2012-2024
t.me/trepachev_dmitry
Как получить с помощью функции несколько значений?
Изучаю книгу по JS и не могу понять, почему нижеприведенный код из книги возвращает массив [NaN, NaN]?
function getSize(width, height, depth) < let area = width * height; let volume = width * height * depth; let sizes = [area, volume]; return sizes; >let areaOne = getSize(3,2,3)[0]; let volumeOne = getSize(3,2,3)[1]; console.log(areaOne); console.log(volumeOne);При вызове функции getSize я должен получить массив значений, где в индексе 0 будет вычисленное значение areaOne, а в индексе 1 volumeOne.
Отслеживать
9,540 8 8 золотых знаков 15 15 серебряных знаков 30 30 бронзовых знаков
задан 13 дек 2022 в 17:18
23 6 6 бронзовых знаков
с приведённым кодом всё нормально. скорее всего ты умолчал о каких-то ещё вводных данных
13 дек 2022 в 17:19
Если я в консоле пишу getSize(), то в ответ получаю [NaN, NaN], а должен, как я понимаю, получить [6, 18]
13 дек 2022 в 17:36
если ты пишешь getSize() без передачи данных, то логично получаешь кукиш. Или на чём в таком случае должна считать данные? Читать мысли она не умеет
13 дек 2022 в 17:38
Понятно, спасибо. В этом примере меня смутило, что после тела функции мы объявили две переменные areaOne и volumeOne, когда можно было просто при вызове функции getSize внутри передать аргументы вот так: getSize(3,2,3) и тогда получаем массив [6,18].
13 дек 2022 в 17:49
А можно вообще вот так написать let [myVar2, myVar2] = getSize(3,2,3) и тогда получим сразу две новых переменных и сложим туда данные из функции (в каждую переменную своё значение) . но лучше возвращать в таком случае объект. Это читабельнее, чем гадать что в масиве под индексом 0, а что под индексом 1
Можно ли в return вернуть два значения?
Так нет, у тебя вернется только a. Можешь создать объект или массив и возвращать его.
Ответ написан более трёх лет назад
Комментировать
Нравится 3 Комментировать
Переносил код с PHP 4 на 7.4.
Потому что return это выход из функции. Вы всегда можете вернуть два значения, если будете возвращать массив.
Например вот так:
function ab() < let a = 0; let b = 1 return [a, b];Можно возвращать и объект:
function ab() < let a = 0; let b = 1 return < a, b >;Ответ написан более трёх лет назад
JavaScript: Возврат значений
Функции, которые мы определяли в предыдущих уроках, заканчивали свою работу тем, что печатали на экран какие-то данные:
const greeting = () => < console.log('Hello, Hexlet!'); >; Пользы от таких функций не очень много, так как результатом их работы невозможно воспользоваться внутри программы. Рассмотрим это на примере.
Возьмем задачу обработки электронной почты. Когда пользователь регистрируется на каком-то сайте, то он может ввести email любым способом:
- Добавив случайно пробелы в начале или в конце _support@hexlet.io__
- Использовав буквы в разном регистре SUPPORT@hexlet.io
Если мы сохраним его в таком виде в базу данных, то пользователь, скорее всего, не сможет войти на сайт, так как будет вбивать адрес без пробелов и используя другой регистр символов. Чтобы этого не произошло, email нужно подготовить к записи в базу, привести его к нижнему регистру и обрезать пробельные символы по краям строки. Вся задача решается в пару строчек:
const saveEmail = () => < // В реальности email приходит из формы const email = ' SuppORT@hexlet.IO'; // обрезаем пробельные символы const trimmedEmail = email.trim(); const preparedEmail = trimmedEmail.toLowerCase(); console.log(preparedEmail); // здесь будет запись в базу данных >; Этот код стал возможен только благодаря возврату значения. Методы trim() и toLowerCase() ничего не печатают на экран (в консоль), они возвращают результат своей работы и поэтому мы можем записать его в константы. Если бы они вместо этого печатали на экран, мы бы не могли присвоить результат их работы константе. Как мы не можем сделать с определенной выше функцией greeting() :
const message = greeting(); console.log(message); // => undefined Изменим функцию greeting() таким образом, чтобы она начала возвращать данные, вместо их печати. Для этого нам понадобится выполнить возврат вместо печати на экран
const greeting = () => < return 'Hello, Hexlet!'; >; return – особая инструкция, которая берёт выражение, записанное справа, и отдаёт его наружу, тому коду, который вызвал функцию. Как только JavaScript натыкается на return , выполнение функции на этом завершается.
// Теперь мы можем использовать результат работы функции const message = greeting(); console.log(message); // => Hello, Hexlet! // И даже выполнить какие-то действия над результатом console.log(message.toUpperCase()); // => HELLO, HEXLET! Любой код после return не выполняется:
const greetingWithCodeAfterReturn = () => < return 'Hello, Hexlet!'; console.log('Я никогда не выполнюсь'); >; Даже если функция возвращает данные, это не ограничивает её в том, что она печатает. Кроме возврата данных мы можем и печатать:
const greetingWithReturnAndPrinting = () => < console.log('Я появлюсь в консоли'); return 'Hello, Hexlet!'; >; // И напечатает текст на экран и вернет значение const message = greetingWithReturnAndPrinting (); Возвращать можно не только конкретное значение. Так как return работает с выражениями, то справа от него может появиться почти все что угодно. Здесь нужно руководствоваться принципами читаемости кода:
const greeting = () => < const message = 'Hello, Hexlet!'; return message; >; Здесь мы не возвращаем переменную, возвращается всегда значение, которое находится в этой переменной. Ниже пример с вычислениями:
const doubleFive = () => < // или return 5 + 5 const result = 5 + 5; return result; >; Вопрос на самопроверку. Что вернет вызов, определенной ниже, функции run() ?
// Определение const run = () => < return 5; return 10; >; // Что будет выведено на экран? console.log(run()); Ответ На экран будет выведено `5`.
Задание
Реализуйте функцию sayHurrayThreeTimes() , которая возвращает строку 'hurray! hurray! hurray!'.
const hurray = sayHurrayThreeTimes(); console.log(hurray); // => hurray! hurray! hurray! Упражнение не проходит проверку — что делать? ��
Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:
- Обязательно приложите вывод тестов, без него практически невозможно понять что не так, даже если вы покажете свой код. Программисты плохо исполняют код в голове, но по полученной ошибке почти всегда понятно, куда смотреть.
В моей среде код работает, а здесь нет ��
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Мой код отличается от решения учителя ��
Это нормально ��, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.
В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Прочитал урок — ничего не понятно ��
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.
Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.