重温 ES6 基本语法（第三部分）

重温 ES6 基本语法（第三部分）

这一系列博客文章旨在帮助读者掌握 ES6 的基本语法。前两部分主要介绍了变量声明、数据类型、运算符、控制语句和函数等内容。在这一部分中，我们将继续讨论一些新的语法特性，包括 for of 循环、startsWith()、endsWith()、includes()、repeat()、padStart()、padEnd() 方法以及数组中属性名的排列顺序，以及展开运算符、对象解构和箭头函数的用法。

for of 循环

for of 循环是一种新的循环语句，它可以遍历数组、字符串或任何类似数组的对象。其语法如下：

for (variable of iterable) {
  // 循环体
}

其中，variable 是循环变量，iterable 是要遍历的对象。循环体将在 variable 变量依次遍历 iterable 对象的每个元素时执行。

startsWith()、endsWith()、includes() 方法

startsWith()、endsWith() 和 includes() 方法都是字符串对象的新方法，它们可以分别判断字符串是否以指定的子字符串开头、结尾或包含指定的子字符串。其语法如下：

string.startsWith(substring, position);
string.endsWith(substring, position);
string.includes(substring, position);

其中，substring 是要查找的子字符串，position 是从该位置开始搜索。如果找到指定的子字符串，则返回 true，否则返回 false。

repeat()、padStart()、padEnd() 方法

repeat()、padStart() 和 padEnd() 方法都是字符串对象的新方法，它们可以分别将字符串重复指定次数、在字符串开头填充指定字符或在字符串末尾填充指定字符。其语法如下：

string.repeat(count);
string.padStart(targetLength, padString);
string.padEnd(targetLength, padString);

其中，count 是要重复字符串的次数，targetLength 是要填充的目标长度，padString 是要填充的字符。

数组中属性名的排列顺序

在 ES6 中，数组的属性名可以是任何字符串。这意味着数组中的属性可以按照任何顺序排列。然而，在某些情况下，保持数组中属性名的排列顺序很重要。例如，当使用 for of 循环遍历数组时，循环变量将按照属性名的顺序依次遍历数组的每个元素。

展开运算符

展开运算符（...）可以将一个数组或对象展开成一组元素或键值对。例如，以下代码将数组 [1, 2, 3] 展开成三个独立的元素：

const numbers = [1, 2, 3];
const newNumbers = [...numbers];

现在，newNumbers 数组包含三个元素：1、2 和 3。

对象解构

对象解构是一种从对象中提取属性值并将其存储在变量中的语法。其语法如下：

const { property1, property2 } = object;

其中，property1 和 property2 是要提取的属性名，object 是要从中提取属性值的对象。

箭头函数

箭头函数是一种新的函数语法，它可以简化函数的书写。其语法如下：

const func = () => {
  // 函数体
};

其中，func 是函数名，() 是函数参数，=> 是箭头符号，{} 是函数体。箭头函数可以省略函数名和函数体中的大括号，如下所示：

const func = () => 1 + 1;

本系列博客旨在帮助读者掌握 ES6 的基本语法。如有错误，欢迎指正。