當(dāng)前位置:
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
JS之ES6扩展运算符三个点(...)用于剥离{} 获取属性值
生活随笔
收集整理的這篇文章主要介紹了
JS之ES6扩展运算符三个点(...)用于剥离{} 获取属性值
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1.用于取出參數(shù)對(duì)象中的所有可遍歷屬性,拷貝到當(dāng)前對(duì)象之中
let bar = { a: 1, b: 2 }; let baz = { ...bar }; // { a: 1, b: 2 } 等價(jià)于 let bar = { a: 1, b: 2 }; let baz = Object.assign({}, bar); // { a: 1, b: 2 }1.1同名屬性會(huì)被覆蓋
let bar = {a: 1, b: 2}; let baz = {...bar, ...{a:2, b: 4}}; // {a: 2, b: 4}2.數(shù)組的擴(kuò)展運(yùn)算符
2.1可以將數(shù)組轉(zhuǎn)換為參數(shù)序列
function add(x, y) {return x + y; }const numbers = [4, 38]; add(...numbers) // 422.2擴(kuò)展運(yùn)算符還可以將字符串轉(zhuǎn)為真正的數(shù)組
[...'hello'] // [ "h", "e", "l", "l", "o" ]2.3基礎(chǔ)類型是拷貝 數(shù)組是引用?
let obj1 = { a: 1, b: 2}; let obj2 = { ...obj1, b: '2-edited'}; console.log(obj1); // {a: 1, b: 2} console.log(obj2); // {a: 1, b: "2-edited"}let obj1 = { a: 1, b: 2, c: {nickName: 'd'}}; let obj2 = { ...obj1}; obj2.c.nickName = 'd-edited'; console.log(obj1); // {a: 1, b: 2, c: {nickName: 'd-edited'}} console.log(obj2); // {a: 1, b: 2, c: {nickName: 'd-edited'}}?
總結(jié)
以上是生活随笔為你收集整理的JS之ES6扩展运算符三个点(...)用于剥离{} 获取属性值的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 平仓是什么意思
- 下一篇: Redis给PHP安装redis扩展