Различия

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

--- destrukturizacija [2023/12/16 19:49]
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>
@@ Строка 136: / Строка 151: @@
 console.log(likes); // 1308
 </code>
-===== Деструктурізація при передачі у функцію =====
-<code>
-const userProfile = {
-    name: 'tro',
-    commq: 23,
-    hass: false
-}
-const userInfo = ({name, commq})=>{
-    if (commq>22){
-        console.log('more that 22')
-    }
-}
-userInfo(u
 ====== Деструктурізація масива ======
 <code>
@@ Строка 167: / Строка 167: @@
 serProfile)
 </code>
+===== Часткова деструктуризація масива =====
+Деструктуризуючи масив, можна розпакувати перші необхідні елементи і присвоїти іншу частину елементів масиву змінній, використовуючи операцію ...rest.
+<code>
+const color = [200, 255, 100];
+const [ red, ...otherColors ] = color;
+console.log(red); // 200
+console.log(otherColors); // [255, 100]
+</code>
+===== Пропуск значень при дестриктуризації масива =====
+<code>
+const rgb = [200, 100, 255];
+const [, , blue] = rgb;
+console.log(`Blue: ${blue}`); // "Blue: 255"
+</code>
+===== Обмін місцями значень у змінних =====
+[x,y]=[y,x]