object獲取的兩種方式:?
data() {return {abj: {aa: {A: '1'}}}},created() {console.log(this.abj.aa) //第一種console.log(this.abj["aa"]) //第二種},
?Object.keys使用/解構賦值:
return {footList: [],abj: {aa: {A: '12',AA:'22'},bb: {B: '1'}},ABJ:[100,200,300]}},created() {this.deepCopy()//Object.keys返回值是數組console.log(Object.keys(this.abj)) //參數為對象時 返回值是數組,存放的是對象key//['aa','b']console.log(Object.keys(this.ABJ)) //參數為數組時 返回值是數組,存放的是數組索引,和用for in遍歷數組的順序一樣//['0','1','2']for (const BB in this.ABJ){console.log(BB) //0//1//2}},
解構賦值與擴展運算符:
this.obj 和 {...this.obj} 區別
data() {return {A: {AA: 'ytyt1',BB: 'ytyt2',CC: 'ytyt3',}}},created() {console.log(this.A)console.log({...this.A}) },
?基本使用方法:
data() {return {A: {AA: 'ytyt1',BB: 'ytyt2',CC: 'ytyt3',},ABJ: [100, 200, 300]}},created() {console.log(...this.ABJ) //100 200 300console.log([...this.ABJ]) //[100, 200, 300]// 僅提取 BB 作為變量let {BB} = {...this.A}console.log(BB) //ytyt2// CC = 名為 CC 的屬性// rest = 存有剩余屬性的對象let {CC, ...rest} = this.A;console.log(CC) //ytyt3console.log(rest) //{AA: 'ytyt1', BB: 'ytyt2'}// 把一個屬性賦值給另一個名字的變量// 冒號表示“什么值:賦值給誰”// 解構賦值都可以設置默認屬性 {BB: b = 2} let {BB: b} = {...this.A}console.log(b)// 數組解構let [DD] = [...this.ABJ]console.log(DD) // 從數組第一個開始賦值,所以DD值為100},