[LES-8.8/st-compl] array-destructuring

Practice with array "destructuring". Using "...rest", default values.

Worth noting:
  - rewrite the values of variables using [a, b] = [b, a].

FS-dev: B-3 / JS basic

Author: matowdev

full-stack-dev/3-js-basic/8-arrays/8-8-array-destructuring/practice.js

@@ -0,0 +1,64 @@
+// Задание 1:
+// У тебя есть массив userData, который содержит имя пользователя, его фамилию и название города.
+// const userData = ["Сергей", "Петров", "Москва"];
+// Используя деструктуризацию, объяви три новые переменные: name, surname и city, и присвой им соответствующие значения из массива userData. После этого выведи каждую переменную в консоль, чтобы убедиться, что значения присвоены правильно.
+
+const userData = ['Сергей', 'Петров', 'Москва'];
+const [firstName, lastName, city] = userData;
+
+console.log(firstName); // "Сергей"
+console.log(lastName); // "Петров"
+console.log(city); // "Москва"
+
+// Задание 2:
+// У нас есть массив scores с результатами игрока. Первый элемент — это имя игрока, а все остальные — его очки, набранные в разных раундах.
+// const scores = ["Alex", 55, 87, 91, 43];
+// Тебе нужно, используя деструктуризацию:
+// 1. Присвоить имя игрока переменной playerName.
+// 2. Все его очки (то есть все элементы, кроме первого) поместить в новый массив с именем playerScores.
+// Выведи обе переменные (playerName и playerScores) в консоль.
+
+const scores = ['Alex', 55, 87, 91, 43];
+const [playerName, ...playerScores] = scores;
+
+console.log(playerName); // "Alex"
+console.log(playerScores); // [ 55, 87, 91, 43 ]
+
+// Задание 3:
+// Есть массив data, который содержит информацию о посте: ID поста, ID автора, а затем список тегов. Но иногда список тегов может быть пустым.
+// Твоя задача — используя деструктуризацию:
+// 1. Пропустить ID поста (первый элемент).
+// 2. Присвоить ID автора (второй элемент) переменной authorId.
+// 3. Присвоить первый тег (третий элемент) переменной primaryTag. Если тегов нет, primaryTag должна получить значение по умолчанию "general".
+// Выведи authorId и primaryTag в консоль для обоих вариантов массива data, чтобы проверить оба случая.
+
+// const data = [101, 502, 'tech', 'code', 'javascript'];
+const data = [102, 503];
+
+const [, authorId, primaryTag = 'general'] = data;
+
+console.log(authorId); // 502
+console.log(primaryTag); // "tech"
+// или..
+console.log(authorId); // 503
+console.log(primaryTag); // "general"
+
+// Задание 4:
+// Напиши функцию logPayment, которая принимает один аргумент — массив с информацией о платеже. Массив всегда имеет следующую структуру: [id_транзакции, сумма, валюта]. Иногда информация о валюте может отсутствовать.
+// Функция должна делать следующее:
+// 1. Принимать массив в качестве аргумента.
+// 2. Прямо в параметрах функции (в скобках ()) использовать деструктуризацию, чтобы:
+// - Пропустить ID транзакции.
+// - Извлечь сумму в переменную amount.
+// - Извлечь валюту в переменную currency. Если валюта не указана, ей должно присваиваться значение по умолчанию 'USD'.
+// 3. Функция должна возвращать отформатированную строку: Платёж на сумму: [сумма] [валюта].
+
+const payment1 = [1201, 75, 'EUR'];
+const payment2 = [1202, 150];
+
+function logPayment([, amount, currency = 'USD']) {
+  return `Платёж на сумму: ${amount} ${currency}`;
+}
+
+console.log(logPayment(payment1)); // "Платёж на сумму: 75 EUR"
+console.log(logPayment(payment2)); // "Платёж на сумму: 150 USD"