ES6-字符串

在 ES6 中，字符串操作被赋予了更多的能力与便利性。下面我们将介绍 ES6 中字符串相关的新功能。

模板字面量

模板字面量是一种新的字符串语法，它允许在字符串中通过 ${} 插入表达式，方便地构建字符串。此外，模板字面量也支持多行字符串的表示。

const name = "Tom";
const age = 25;

const greeting = `Hello, my name is ${name}, and I'm ${age} years old.`;

console.log(greeting);
// output: Hello, my name is Tom, and I'm 25 years old.

标签模板

标签模板允许我们对模板字面量的解析结果进行自定义处理，以实现一些更为复杂的字符串操作。

function customTag(strings, ...values) {
  console.log(strings); // ["I am ", " years old."]
  console.log(values); // [25]
  return `${strings[0]}${values}${strings[1]}`;
}

const age = 25;
const message = customTag`I am ${age} years old.`;

console.log(message);
// output: I am 25 years old.

新增方法

在 ES6 中也新增加了一些字符串方法，让开发者能够更加便利地操作字符串。下面我们列举一些常用的字符串方法。

includes

判断字符串中是否包含指定的子字符串，返回一个布尔值。

const str = "Hello World";
console.log(str.includes("World")); // true
console.log(str.includes("Foo")); // false

startsWith 和 endsWith

分别用来检测字符串是否以指定的字符串开头或结尾，返回一个布尔值。

const str = "Hello World";
console.log(str.startsWith("Hello")); // true
console.log(str.endsWith("rld")); // true

repeat

用来复制字符串，接收一个整数参数，表示输出几个字符串。

const str = "Hello";
console.log(str.repeat(3)); // HelloHelloHello

结语

本文介绍了 ES6 中字符串相关的新功能，包括模板字面量、标签模板和新增方法。这些新的功能使得字符串操作更加高效、便利，是我们在编写字符串相关业务时必须掌握的知识点。