ES6中非数组转换为数组的三种方法

在ES6中，我们可以使用多种方法将非数组对象转换为数组。以下是三种常用的方法：

1. Array.from()

Array.from() 方法用于将可迭代的对象转换为数组。这个方法接收一个可迭代对象作为参数，并返回一个新的数组实例。

const arrayLike = {0: 'a', 1: 'b', 2: 'c', length: 3};
const arr = Array.from(arrayLike);
console.log(arr); // 输出：[ 'a', 'b', 'c' ]

在这个例子中，我们使用Array.from()方法将一个类似数组的对象转换为一个真正的数组。

1. 扩展运算符（Spread Operator）

扩展运算符可以将一个可迭代的对象展开到一个数组中。它使用方括号（…）表示扩展操作。

const arrayLike = {0: 'a', 1: 'b', 2: 'c', length: 3};
const arr = [...arrayLike];
console.log(arr); // 输出：[ 'a', 'b', 'c' ]

在这个例子中，我们使用扩展运算符将一个类似数组的对象展开到一个新的数组中。

1. Array.of()

Array.of() 方法用于创建一个具有给定参数的新数组实例。这个方法与Array构造函数类似，但可以更方便地创建具有固定长度和类型的不规则数组。

const arr = Array.of('a', 'b', 'c');
console.log(arr); // 输出：[ 'a', 'b', 'c' ]

在这个例子中，我们使用Array.of()方法创建了一个包含三个元素的新数组。

在实际应用中，我们可以根据需要选择适合的方法将非数组对象转换为数组。Array.from()适用于将可迭代对象转换为数组，扩展运算符适用于将类似数组的对象展开到新数组中，而Array.of()适用于创建具有给定参数的新数组实例。这些方法提供了灵活的转换机制，使得在JavaScript中对非数组对象进行操作和处理更加方便。