ES12 中的 Map 和 Set 实例上方法的链式调用

在 ES12 中，Map 和 Set 实例新增了许多方便的操作函数，这些函数支持链式调用，极大地简化了我们的代码编写。本文将介绍 ES12 中 Map 和 Set 实例上的链式调用方法，以及它们的使用指南和示例代码。

Map 实例上的链式调用方法

set(key, value) 和 get(key)

Map 实例中的 set 方法用于向 Map 中插入元素，get 方法用于获取 Map 中的元素。可以使用链式调用来连续设置和获取多个元素：

const map1 = new Map();
const map2 = new Map().set("key1", "value1").set("key2", "value2");

const value1 = map1.set("key1", "value1").get("key1");
const value2 = map2.get("key1").get("key2");

has(key) 和 delete(key)

Map 实例中的 has 方法用于判断 Map 中是否存在某个元素，delete 方法则用于删除 Map 中的元素。可以使用链式调用来连续判断和删除多个元素：

const map = new Map().set("key1", "value1").set("key2", "value2");

const hasKey1 = map.has("key1");
const hasKey2 = map.has("key3");

const value1 = map.get("key1");
const value2 = map.delete("key2").get("key2");

forEach(callbackFn [, thisArg])

Map 实例中的 forEach 方法用于遍历 Map 中的所有元素，并对每个元素执行指定的回调函数。可以使用链式调用来连续遍历多个 Map：

// javascriptcn.com 代码示例
const map1 = new Map().set("key1", "value1").set("key2", "value2");
const map2 = new Map().set("key3", "value3").set("key4", "value4");

map1.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

map2.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

Set 实例上的链式调用方法

add(value) 和 has(value)

Set 实例中的 add 方法用于向 Set 中添加元素，has 方法则用于判断 Set 中是否存在某个元素。可以使用链式调用来连续添加和判断多个元素：

const set = new Set();

const hasValue1 = set.add("value1").has("value1");
const hasValue2 = set.add("value2").has("value2");

delete(value) 和 clear()

Set 实例中的 delete 方法用于删除 Set 中的元素，clear 方法则用于清空 Set。可以使用链式调用来连续删除和清空多个 Set：

const set1 = new Set().add("value1").add("value2");
const set2 = new Set().add("value3").add("value4");

set1.delete("value2");
set2.clear();

forEach(callbackFn [, thisArg])

Set 实例中的 forEach 方法用于遍历 Set 中的所有元素，并对每个元素执行指定的回调函数。可以使用链式调用来连续遍历多个 Set：

// javascriptcn.com 代码示例
const set1 = new Set().add("value1").add("value2");
const set2 = new Set().add("value3").add("value4");

set1.forEach((value) => {
  console.log(value);
});

set2.forEach((value) => {
  console.log(value);
});

总结

ES12 中的 Map 和 Set 实例上的链式调用方法，不仅简化我们的代码编写，而且提高了代码的可读性和灵活性，值得我们在实际开发中深入掌握和应用。在使用时，我们应该根据具体的需求选择合适的链式调用方式，并注意要清晰地传递数据和保持代码的可维护性。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653d8f327d4982a6eb7583ee