JS中陣列與物件的解構

陣列的解構語法就是陣列的另一種使用呼叫方法，可以不通過語法或者不通過索引下標來呼叫使用陣列中的資料。用於將陣列中的資料一一對應的賦值給變數

const arr =

['北京'
,'上海'
,'廣州'
,'重慶'
,'天津'];
// 之前使用陣列的資料，必須要通過語法和索引下標
// let str1 = arr[0];
// let str2 = arr[1];
// let str3 = arr[2];
// let str4 = arr[3];
// let str5 = arr[4];
// 將 arr 中的資料呼叫出來，給左側內容進行一一對應的賦值
let[str1,str2,str3,str4,str5]
= arr;
console.
log(str1,str2,str3,str4,str5)
;// 輸出結果為 北京 上海 廣州 重慶 天津

// 結構多層的陣列，比如二維陣列

const arr2 =
['北京'
,'上海',[
'a',
'b',
'c']];
// s1對應北京，s2對應上海，s3對應['a','b','c']
let[s1,s2,s3]
= arr2
// 接著把s3對應的陣列['a','b','c'] 解析
// s1對應北京，s2對應上海，對應['a','b','c']，s3對應a，s4對應b，s5對應c
let[s1,s2,
[s3,s4,s5]
]= arr2
console.
log(s1,s2,s3,s4,s5)
;// 輸出結果為 北京 上海 a b c

const obj =

解構語法將物件中屬性是name的屬性值呼叫，賦值給name變數名稱。{}中定義的屬性一定是物件中具有的屬性，變數名稱就是name也就是屬性名稱let = obj;

可以定義其他名稱，在物件obj中找name屬性，將對應的數值資料賦值給變數別名username。通過username來呼叫使用資料，只能一次解構乙個資料，不能一次性的做一一對應的賦值let = obj;

// 多級物件的解構

const obj2 =
}// let } = obj2;
let}
= obj2;
console.
log(username)
;// 只有name2解構對應張三，name1沒有內容
// console.log(name1); 
// 如果只是 let = obj2
// name1儲存的是物件

js中的物件與陣列

js物件與陣列是js中最基本的概念，定義物件時可用 var a 定義乙個空物件 定義陣列時可用 var a 定義乙個空字串。在物件中只是存在屬性，屬性與值之間用 相隔，不同屬性 相隔，屬性值可使用匿名函式,當然也可以使用實名函式 function a 在陣列中，不同值是獨立的，需要 相隔 陣列可包含...

JS的物件 陣列等處理方法 解構

你可以在定義方法時省略function和 const obj youcandothis 請注意，以上不是箭頭函式，只是物件方法的簡寫語法。物件解構是獲取物件並將其內部屬性提取到物件外部變數的一種方法 const obj 不使用解構語法 const x obj.x const y obj.y 使用解構...

JS中的解構

先看看陣列解構 function fn var a,b,c fn console.log a,b,c 1 2 3 var d,f fn console.log d,f 1 3 var e,fu console.log e 1 假設有乙個能夠返回物件的函式f function fn var fn co...