ES6读书笔记：字符串的扩展

ES6字符串扩展概述

ES6对字符串对象进行了重大扩展，使其更加强大和灵活。这些扩展包括：

• 模板字符串
• 标签模板字符串
• includes()
• startsWith()
• endsWith()
• repeat()

模板字符串

模板字符串是ES6中引入的新特性，它允许我们使用${}来嵌入表达式，从而可以更方便地创建字符串。例如，我们可以使用模板字符串来创建以下字符串：

const name = 'John Doe';
const age = 30;

const greeting = `Hello, ${name}! You are ${age} years old.`;

在这个例子中，我们使用了模板字符串来创建greeting字符串。模板字符串中，{name}和{age}是表达式，它们会被求值并嵌入到字符串中。这使得创建字符串更加容易，也更不容易出错。

标签模板字符串

标签模板字符串是模板字符串的扩展，它允许我们在字符串之前添加一个函数，该函数可以对字符串进行处理。例如，我们可以使用标签模板字符串来创建以下字符串：

const name = 'John Doe';
const age = 30;

const greeting = tag`Hello, ${name}! You are ${age} years old.`;

function tag(strings, ...values) {
  console.log(strings);
  console.log(values);

  return strings[0] + values[0] + strings[1] + values[1] + strings[2];
}

在这个例子中，我们使用了tag函数作为标签模板字符串。tag函数会接收两个参数：strings和values。strings是一个数组，它包含了模板字符串中的所有静态部分。values是一个数组，它包含了模板字符串中的所有表达式。tag函数可以对strings和values进行处理，并返回一个新的字符串。

includes()

includes()方法用于判断字符串中是否包含某个子字符串。例如，我们可以使用includes()方法来判断以下字符串中是否包含"John"子字符串：

const name = 'John Doe';

console.log(name.includes('John')); // true

在这个例子中，includes()方法返回true，因为name字符串中包含"John"子字符串。

startsWith()

startsWith()方法用于判断字符串是否以某个子字符串开头。例如，我们可以使用startsWith()方法来判断以下字符串是否以"Hello"子字符串开头：

const greeting = 'Hello, world!';

console.log(greeting.startsWith('Hello')); // true

在这个例子中，startsWith()方法返回true，因为greeting字符串以"Hello"子字符串开头。

endsWith()

endsWith()方法用于判断字符串是否以某个子字符串结尾。例如，我们可以使用endsWith()方法来判断以下字符串是否以"!"子字符串结尾：

const greeting = 'Hello, world!';

console.log(greeting.endsWith('!')); // true

在这个例子中，endsWith()方法返回true，因为greeting字符串以"!"子字符串结尾。

repeat()

repeat()方法用于将字符串重复指定次数。例如，我们可以使用repeat()方法将以下字符串重复3次：

const str = 'Hello';

console.log(str.repeat(3)); // 'HelloHelloHello'

在这个例子中，repeat()方法将str字符串重复了3次，并返回了一个新的字符串。

总结

ES6对字符串对象进行了重大扩展，使其更加强大和灵活。这些扩展包括模板字符串、标签模板字符串、includes()、startsWith()、endsWith()和repeat()等。这些扩展可以帮助我们更轻松地创建和处理字符串，并使我们的代码更加简洁和可读。