---
tags: JavaScript 實戰班
---

## 轉職忍者第五組

## Day 13 (6/24)

## 任務
依據提示將以下程式碼用解構方式達成目標

// 請使用解構組合使 arr2 變成為 [1, 2, 3, 4, 5, 6] 的結果
var arr = [1, 2, 3];
var arr2 = [？, 4, 5, 6]; // [1, 2, 3, 4, 5, 6]
console.log(arr2);

// 請使用解構組合以下兩個陣列為 [1, 2, 3, 4, 5, 6] 的結果
var nums1 = [1, 2, 3];
var nums2 = [4, 5, 6];
var nums3 = ...
console.log(nums3);

// 請使用解構，取出 name 及 age 的變數
const person = {
  name: '小明',
  age: 16
}

// 請使用解構，將以下陣列分別取出為獨立變數 Ming, Auntie, Jay, Mei
var people = ['小明', '漂亮阿姨', '杰倫', '小美'];

## 作業繳交
#### 組員 - Doris
[Doris CodePen](https://codepen.io/dorishsiao007/pen/RwrVvZK)

// 請使用解構組合使 arr2 變成為 [1, 2, 3, 4, 5, 6] 的結果
/*
var arr = [1, 2, 3];
var arr2 = [, 4, 5, 6]; // [1, 2, 3, 4, 5, 6]
console.log(arr2);
*/
var arr = [1, 2, 3];
var arr2 = [...arr, 4, 5, 6]; 
console.log(arr2);

// 請使用解構組合以下兩個陣列為 [1, 2, 3, 4, 5, 6] 的結果
/*
var nums1 = [1, 2, 3];
var nums2 = [4, 5, 6];
var nums3 = ...
console.log(nums3);
*/
var nums1 = [1, 2, 3];
var nums2 = [4, 5, 6];
var nums3 = [...nums1, ...nums2];
console.log(nums3);

// 請使用解構，取出 name 及 age 的變數

const person = {
  name: '小明',
  age: 16
}
const {name, age} = person;
console.log(name, age);

// 請使用解構，將以下陣列分別取出為獨立變數 Ming, Auntie, Jay, Mei
var people = ['小明', '漂亮阿姨', '杰倫', '小美'];
const [Ming, Auntie, Jay, Mei] = people;
console.log(Ming, Auntie, Jay, Mei);

> 助教回覆：作業做的很好哦，解構的很正確 :+1:

#### 組員 - Ray

        // 依據提示將以下程式碼用解構方式達成目標

        // 請使用解構組合使 arr2 變成為 [1, 2, 3, 4, 5, 6] 的結果
        var arr = [1, 2, 3];
        var arr2 = [...arr, 4, 5, 6]; // [1, 2, 3, 4, 5, 6]
        console.log(arr2);

        // 請使用解構組合以下兩個陣列為 [1, 2, 3, 4, 5, 6] 的結果
        var nums1 = [1, 2, 3];
        var nums2 = [4, 5, 6];
        var nums3 = [...nums1,...nums2];
        console.log(nums3);

        // 請使用解構，取出 name 及 age 的變數
        const person = {
            name: '小明',
            age: 16
        }

        const {name,age}=person; //將person的參數取出來,注意!!!取出來時變數要跟取出參數的一樣
        console.log(name,age);

        // 請使用解構，將以下陣列分別取出為獨立變數 Ming, Auntie, Jay, Mei
        var people = ['小明', '漂亮阿姨', '杰倫', '小美'];
        const [Ming,Auntie,Jay,Mei]=people;
        console.log(Ming,Auntie,Jay,Mei);

> 助教回覆：作業做的很好哦，解構的很正確 :+1: