ES6新特性之数组、Math和扩展操作符用法示例

数组的新特性

在ES6中，数组新增了许多方便的方法，可以大大减少代码量，提升开发效率。

数组中的includes方法

includes 方法用于判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false。

该方法的语法如下：

array.includes(valueToFind[, fromIndex])

其中：

• valueToFind：必需，要查找的元素值。
• fromIndex：查询的起始位置，默认为 0。

示例代码：

const arr = ['apple', 'banana', 'orange'];
console.log(arr.includes('apple')); // true
console.log(arr.includes('grape')); // false
console.log(arr.includes('banana', 1)); // false
console.log(arr.includes('banana', -2)); // true

数组中的flatMap方法

flatMap 方法可以对数组进行一些操作后再返回一个新数组。

该方法的语法如下：

let newArray = arr.flatMap(callback(currentValue[, index[, array]])[, thisArg])

其中：

• arr：调用该方法的数组。
• callback：数组每个元素要经过的操作函数，该函数返回一个数组，该数组会被平铺到新数组中。
• currentValue：必需，当前元素的值。
• index：可选，当前元素的索引。
• array：可选，调用 flatMap 方法的数组。
• thisArg：可选，执行 callback 函数时 this 的值。

示例代码：

const words = ['Hello', 'world', 'today'];
const chars = words.flatMap(word => word.split(''));
console.log(chars); // ['H', 'e', 'l', 'l', 'o', 'w', 'o', 'r', 'l', 'd', 't', 'o', 'd', 'a', 'y']

Math的新特性

在ES6中，Math新增了一些数学相关的方法，可以让我们更方便地进行数字计算。

Math中的trunc方法

trunc 方法用于将一个数去掉小数部分，只保留整数部分。

该方法的语法如下：

Math.trunc(x)

其中：

• x：要处理的数字。

示例代码：

console.log(Math.trunc(4.2)); // 4
console.log(Math.trunc(-4.5)); // -4

Math中的cbrt方法

cbrt 方法用于计算一个数的立方根。

该方法的语法如下：

Math.cbrt(x)

其中：

• x：要计算立方根的数字。

示例代码：

console.log(Math.cbrt(27)); // 3
console.log(Math.cbrt(64)); // 4

扩展操作符的用法示例

在ES6中，新增了扩展操作符 ...，对于数组和对象的处理非常方便。

扩展操作符的数组用法

当处理多个数组时，可以使用扩展操作符将它们合并为一个数组。

示例代码：

const arr1 = ['apple', 'banana'];
const arr2 = ['blueberry', 'pear'];
const arr3 = ['orange'];
const allArr = [...arr1, ...arr2, ...arr3];
console.log(allArr); // ['apple', 'banana', 'blueberry', 'pear', 'orange']

扩展操作符的对象用法

当需要复制一个对象时，可以使用扩展操作符将其中的属性和方法加入新的对象中。

示例代码：

const obj1 = { x: 1, y: 2 };
const obj2 = { ...obj1, z: 3 };
console.log(obj2); // { x: 1, y: 2, z: 3 }