Symbol：看似平凡的Symbol，其实我们每天都在用 - 字符串操作

2024-01-07 18:11:48

前面我们分享了一篇关于对象操作的几个Symbol的内置属性。比如实例检测的Symbol.hasInstance，对象类型转换的Symbol.toPrimitive和检测数据类型的Symbol.toSt

Symbol，这个在我们看来可能比较陌生的API，它其实在JavaScript中扮演着非常重要的角色，我们每天都在用它。

今天，我们就来聊聊Symbol在字符串操作中的应用。

Symbol.iterator

Symbol.iterator是一个非常重要的Symbol属性，它表示对象的默认遍历器。

我们可以使用for...of循环来遍历一个具有Symbol.iterator属性的对象。

const str = "Hello World";

for (const char of str) {
  console.log(char); // 输出："H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d"
}

Symbol.iterator属性还可以用于自定义遍历行为。

const obj = {
  [Symbol.iterator]: function* () {
    yield 1;
    yield 2;
    yield 3;
  },
};

for (const num of obj) {
  console.log(num); // 输出：1, 2, 3
}

Symbol.match

Symbol.match属性表示对象的匹配方法。

我们可以使用正则表达式来匹配一个字符串。

const str = "Hello World";
const regex = /Hello/;

const match = str.match(regex);

console.log(match); // 输出：["Hello"]

Symbol.match属性也可以用于自定义匹配行为。

const obj = {
  [Symbol.match]: function (regex) {
    return ["Custom Match"];
  },
};

const match = obj.match(/Custom/);

console.log(match); // 输出：["Custom Match"]

Symbol.replace

Symbol.replace属性表示对象的替换方法。

我们可以使用正则表达式来替换一个字符串中的子串。

const str = "Hello World";
const regex = /Hello/;

const replaced = str.replace(regex, "Hi");

console.log(replaced); // 输出："Hi World"

Symbol.replace属性也可以用于自定义替换行为。

const obj = {
  [Symbol.replace]: function (regex, replacement) {
    return "Custom Replacement";
  },
};

const replaced = obj.replace(/Custom/, "Custom");

console.log(replaced); // 输出："Custom Replacement"

Symbol.search

Symbol.search属性表示对象的搜索方法。

我们可以使用正则表达式来搜索一个字符串中的子串。

const str = "Hello World";
const regex = /Hello/;

const index = str.search(regex);

console.log(index); // 输出：0

Symbol.search属性也可以用于自定义搜索行为。

const obj = {
  [Symbol.search]: function (regex) {
    return -1; // 始终返回-1，表示没有找到
  },
};

const index = obj.search(/Custom/);

console.log(index); // 输出：-1