← Назад до курсу
← До курсу
JavaScript: масиви

Деструктуризація та spread/rest

📖 Теорія

Деструктуризація масиву — витягнути значення в змінні:

JavaScript
1class="hl-keyword">const [a, b, c] = [1, 2, 3];
2console.log(a, b, c);  class="hl-comment">// 1 2 3
💡 Приклад коду
Вивід: 

                            

                                                                    

                

            
            
                            

                    

                        
📝 ЗАВДАННЯ (3)

                    

                    

                                                                                


                                
                                

                                                                            1.
                                                                        
Завдання 1: Деструктуризація масиву

                                    10 XP
                                


                                
                                

                                    Маємо масив rgb = [255, 128, 0].

Виведи кожний компонент окремо:

R: 255

G: 128

B: 0                                


                                
                                

                                    
                                


                                
                                                                    

                                        
                                        
                                    

                                
                                
                                

                                                                            
                                                                                                                
                                                                                                                
                                                                    


                                
                                                                    

                                        

                                            💡 Підказка: const [r, g, b] = rgb
                                        

                                    

                                
                                
                                                                    

                                        

                                            🔓 Розв'язок:
                                            
const rgb = [255, 128, 0];
const [r, g, b] = rgb;
console.log(`R: ${r}`);
console.log(`G: ${g}`);
console.log(`B: ${b}`);

                                        

                                    

                                
                                
                                

                                    

                                        Вивід:
                                    

                                    

                                


                                
                                
                                
                                


                                                                    

                                                            

                                                                                


                                
                                

                                                                            2.
                                                                        
Завдання 2: Rest оператор

                                    20 XP
                                


                                
                                

                                    Маємо масив scores = [98, 85, 76, 71, 65, 58].

Виведи:

1. Найкращий результат (перший елемент)

2. Решту результатів як масив                                


                                
                                

                                    
                                


                                
                                                                    

                                        
                                        
                                    

                                
                                
                                

                                                                            
                                                                                                                
                                                                                                                
                                                                    


                                
                                                                    

                                        

                                            💡 Підказка: const [best, ...rest] = scores
                                        

                                    

                                
                                
                                                                    

                                        

                                            🔓 Розв'язок:
                                            
const scores = [98, 85, 76, 71, 65, 58];
const [best, ...rest] = scores;
console.log(best);
console.log(rest);

                                        

                                    

                                
                                
                                

                                    

                                        Вивід:
                                    

                                    

                                


                                
                                
                                
                                


                                                                    

                                                            

                                                                                


                                
                                

                                                                            3.
                                                                        
Завдання 3: Обмін та zip

                                    30 XP
                                


                                
                                

                                    1. Оголоси let a = 'перший', b = 'другий'. Обміняй їх значення через деструктуризацію. Виведи a і b.

2. Маємо keys = ['ім'я', 'місто', 'вік'] і values = ['Оксана', 'Харків', 27]. Виведи пари через map та index.                                


                                
                                

                                    
                                


                                
                                                                    

                                        
                                        
                                    

                                
                                
                                

                                                                            
                                                                                                                
                                                                                                                
                                                                    


                                
                                                                    

                                        

                                            💡 Підказка: Для обміну: [a,b]=[b,a]. Для zip: keys.map((k,i) => ...)
                                        

                                    

                                
                                
                                                                    

                                        

                                            🔓 Розв'язок:
                                            
let a = 'перший', b = 'другий';
[a, b] = [b, a];
console.log(a);
console.log(b);
const keys = ['імя', 'місто', 'вік'];
const values = ['Оксана', 'Харків', 27];
keys.forEach((k, i) => console.log(`${k}: ${values[i]}`));

                                        

                                    

                                
                                
                                

                                    

                                        Вивід:
                                    

                                    

                                


                                
                                
                                
                                


                                                            

                                            

                

            
            
            

                                    
                        ← Попередній урок
                    
                
                                    
                        Наступний урок →