怎么做網(wǎng)站的步驟網(wǎng)站制作的要點(diǎn)和步驟詳解
前言:
將數(shù)組、字符串、對(duì)象進(jìn)行展開,并將展開的數(shù)據(jù)賦值給指定變量,以達(dá)到語(yǔ)法簡(jiǎn)化的目的,日常開發(fā)中可以大大提升我們的效率。
主要語(yǔ)法:
一、[變量1,變量2。。。]=目標(biāo)數(shù)組
將數(shù)組里面的內(nèi)容賦給其他變量
場(chǎng)景1:
let arr = ["1", "2", "3"];let [a, b, c] = arr;console.log(a, b, c);
?控制臺(tái)輸出:
場(chǎng)景2:
將數(shù)組內(nèi)部分值賦值給其他變量
let arr = ["1", "2", "3"];let [, , c] = arr;console.log(c);
控制臺(tái)輸出:
場(chǎng)景3:
與擴(kuò)展運(yùn)算符搭配使用,賦值指定變量,將余下的元素賦值指定數(shù)組
let arr = ["1", "2", "3"];let [a, ...demo] = arr;console.log(a, demo);
?控制臺(tái)輸出:
?二、[變量1,變量2。。。]=目標(biāo)字符串
場(chǎng)景1:
賦值全部字符串
let str = "1234567";let[a,b,c,d,e,f,g]=str;console.log(a,b,c,d,e,f,g);
控制臺(tái)輸出:?
場(chǎng)景2:
賦值部分字符
let str = "1234567";let [a, b, c] = str;console.log(a, b, c);let [, , , , , , g] = str;console.log(g);
控制臺(tái)輸出:
場(chǎng)景3:
與擴(kuò)展運(yùn)算符搭配使用,賦值指定變量,將余下的字符賦值指定數(shù)組
let str = "1234567";let [a, ...demo] = str;console.log(a, demo);
?控制臺(tái)輸出:
三、{變量1,變量2}=目標(biāo)對(duì)象
場(chǎng)景1:
?賦值全部屬性值
let obj = {id: 1,name: "admin",age: 22,};let { name, id, age } = obj;console.log(name, id, age);
控制臺(tái)輸出:
場(chǎng)景2:
賦值部分屬性值
let obj = {id: 1,name: "admin",age: 22,};let { name, age } = obj;console.log(name, age);let { id } = obj;console.log(id);
?控制臺(tái)輸出:
四、?{屬性名稱1:變量名稱1}=目標(biāo)對(duì)象
場(chǎng)景1:
賦值部分屬性
let obj = {id: 1,name: "admin",age: 22,};let { name: sname } = obj;console.log(sname);