當(dāng)前位置:
首頁 >
【ES9(2018)】Object Rest Spread
發(fā)布時(shí)間:2025/3/15
31
豆豆
生活随笔
收集整理的這篇文章主要介紹了
【ES9(2018)】Object Rest Spread
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
前面講到 function 的 rest剩余參數(shù)和spread擴(kuò)展運(yùn)算符,ES9中新增Object的 Rest & Spread 方法:
const input = {a: 1,b: 2 }const output = {...input,c: 3 }console.log(output) // {a: 1, b: 2, c: 3}這塊代碼展示了 spread 語法,可以把 input 對象的數(shù)據(jù)都拓展到 output 對象,這個(gè)功能很實(shí)用,比如在vue中我們經(jīng)常用它來合并路由對象。
我們再來看下 Object rest 的示例:
const input = {a: 1,b: 2,c: 3 }let { a, ...rest } = inputconsole.log(a, rest) // 1 {b: 2, c: 3}當(dāng)對象 key-value 不確定的時(shí)候,把必選的 key 賦值給變量,用一個(gè)變量收斂其他可選的 key 數(shù)據(jù),這在之前是做不到的。
總結(jié)
以上是生活随笔為你收集整理的【ES9(2018)】Object Rest Spread的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 浏览器端判断当前设备的运行环境
- 下一篇: 【ES11(2020)】可选链操作符和空