Различия

Показаны различия между двумя версиями страницы.

--- destrukturizacija [2023/12/16 19:46]
tro
+++ destrukturizacija [2024/01/11 18:27] (текущий)
tro
@@ Строка 85: / Строка 85: @@
 console.log(title); // "The Last Kingdom"
 console.log(bookCoverImage); // "<https://images-na.ssl-images-amazon.com/images/I/51b5YG6Y1rL.jpg>"
+</code>
+===== Часткова дестриктуризація обїекта =====
+<code>
+const user = {
+	name: "Jacob",
+	age: 32,
+	email: "j.cob@mail.com",
+	isOnline: true
+};
+const { name, isOnline, ...otherProps } = user;
+console.log(name); // "Jacob"
+console.log(isOnline); // true
+console.log(otherProps); // {age: 32, email: "j.cob@mail.com"}
 </code>
@@ Строка 150: / Строка 165: @@
 console.log(rgba(${red}, ${green}, ${blue}, ${alfa})); // “rgba(200, 255, 100, 0.3)"
 </code>
-===== Деструктурізація при передачі у функцію =====
+serProfile)
+</code>
+===== Часткова деструктуризація масива =====
+Деструктуризуючи масив, можна розпакувати перші необхідні елементи і присвоїти іншу частину елементів масиву змінній, використовуючи операцію ...rest.
 <code>
-const userProfile = {
+const color = [200, 255, 100];
-    name: 'tro',
-    commq: 23,
-    hass: false
-}
-const userInfo = ({name, commq})=>{
+const [ red, ...otherColors ] = color;
-    if (commq>22){
-        console.log('more that 22')
+console.log(red); // 200
-    }
+console.log(otherColors); // [255, 100]
-}
+</code>
+===== Пропуск значень при дестриктуризації масива =====
+<code>
+const rgb = [200, 100, 255];
+const [, , blue] = rgb;
-userInfo(userProfile)
+console.log(`Blue: ${blue}`); // "Blue: 255"
 </code>
+===== Обмін місцями значень у змінних =====
+[x,y]=[y,x]