JS技巧 解構賦值

2021-08-25 14:05:29 字數 853 閱讀 6493

在前面我們介紹了使用 json.stringify 來過濾物件的屬性的方法。這裡，我們介紹另外一種使用 es6 中的 解構賦值 和 拓展運算子 的特性來過濾屬性的方法。

比如，下面這段示例：

// 我們想過濾掉物件 types 中的 inner 和 outer 屬性


const = ;


console.log(restprops);


//
解構賦值 的特性很強大，它可以幫我們從一堆巢狀很深的物件屬性中，很方便地拿到我們想要的那乙個。比如下面這段**：

// 通過解構賦值獲取巢狀物件的值


const car = 


};// 這裡使用 es6 中的簡單寫法，使用 替代 


const


modalandvin = (}) => , vin: $`);


}modalandvin(car);


//"model: bmw 2018, vin: 12345"
es6 中新增的 拓展運算子，可以用來解構陣列，也可以用來解構物件，它可以將物件中的所有屬性展開。

通過這個特性，我們可以做一些物件合併的操作，如下：

// 使用拓展運算子合併物件，在後面的屬性會重寫前面相同屬性的值


const obj1 = ;


const obj2 = ;


const merged = ;


console.log(merged);


// const obj3 = ;


const obj4 = };


console.log(obj4);


// }
筆記用(侵刪)

js 陣列解構賦值

es6中新增了對陣列拆分並且賦值的方法 解構賦值 例子 let arr 1,2,3 let a,b,c arr console.log a a a 1 console.log b b b 2 console.log c c c 3等式左邊的 a,b,c 和右邊的陣列的元素相互對應，a arr 0 b...

Js變數的解構賦值

解構 從陣列和物件中提取值，對變數進行賦值。1.陣列的元素是按次序排列的，變數的取值由它的位置決定 模式匹配 let a,b,c 1,2,3 let foo,bar baz 1,2 3 foo 1 bar 2 baz 3 let third foo bar baz third baz let x,y...

解構賦值 陣列的解構賦值

什麼是解構賦值？es6 允許按照一定模式，從陣列和物件中提取值，對變數進行賦值，這被稱為解構 destructuring 我的理解是 允許宣告一種模式 陣列 物件等 裡面包含乙個或多個變數，再分別對這些變數遍歷 按照對應位置 賦值。以前，為變數賦值，只能直接指定值。let a 1 let b 2 通...