在前端开发中，我们常常需要操作 Map 和 Set 结构。在 ES9 中，我们可以使用 Rest 和 Spread 语法来更方便地操作它们。
Rest 语法操作 Map 和 Set 结构
Rest 语法可以将 Map 和 Set 结构转化为数组，方便进行数组的操作。
操作 Map 结构
我们可以使用 Rest 语法来将 Map 结构转化为数组。比如：
const map = new Map([ ['name', '张三'], ['age', 20] ]); const arr = [...map]; console.log(arr); // [['name', '张三'], ['age', 20]]
我们也可以使用 Rest 语法来获取 Map 结构中的某些键值对，比如：
-- -------------------- ---- ------- ----- --- - --- ----- -------- ------ ------- ---- ------- ---- --- ----- - ----- ------- - - ------------------------ ------------------ -- ---- ------------------ -- ----- --- ---- ----
操作 Set 结构
我们可以使用 Rest 语法来将 Set 结构转化为数组。比如：
const set = new Set([1, 2, 3, 4, 5]); const arr = [...set]; console.log(arr); // [1, 2, 3, 4, 5]
我们也可以使用 Rest 语法来获取 Set 结构中的某些元素，比如：
const set = new Set([1, 2, 3, 4, 5]); const [first, ...rest] = set; console.log(first); // 1 console.log(rest); // [2, 3, 4, 5]
Spread 语法操作 Map 和 Set 结构
Spread 语法可以将数组转化为 Map 和 Set 结构，方便进行 Map 和 Set 结构的操作。
操作 Map 结构
我们可以使用 Spread 语法来将数组转化为 Map 结构。比如：
const arr = [['name', '张三'], ['age', 20]];
const map = new Map([...arr]);
console.log(map); // Map(2) {"name" => "张三", "age" => 20}操作 Set 结构
我们可以使用 Spread 语法来将数组转化为 Set 结构。比如：
const arr = [1, 2, 3, 4, 5];
const set = new Set([...arr]);
console.log(set); // Set(5) {1, 2, 3, 4, 5}总结
通过 Rest 和 Spread 语法，我们可以更方便地操作 Map 和 Set 结构。使用它们，我们可以将 Map 和 Set 结构转化为数组，也可以将数组转化为 Map 和 Set 结构。这些操作可以使我们的代码更清晰和简洁，提高了开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64687036968c7c53b08a674b