字符串转换为数组的两种方式

在编程中，字符串和数组是非常常见的类型。而有时候我们需要将字符串转换成数组进行操作，那么有哪些方法可以实现字符串转换成数组呢？本文将介绍两种常用的方式：split()方法和Array.from()方法。

一、split()方法

split()方法是JavaScript中常用的字符串方法之一，它可以将字符串按照指定的分隔符分割成一个数组。默认情况下，分隔符为逗号。例如下面的代码将一个用逗号隔开的字符串转换成了一个数组：

```

const str = 'apple,banana,orange';

const arr = str.split(',');

console.log(arr); // ['apple','banana','orange']

```

除了逗号，还可以使用其他分隔符，例如空格、分号、冒号等等。在使用split()方法时，需要注意分隔符的正则表达式写法：

```

// 使用空格作为分隔符

const str1 = 'apple banana orange';

const arr1 = str1.split(/\s+/);

console.log(arr1); // ['apple', 'banana', 'orange']

// 使用分号和冒号作为分隔符

const str2 = 'apple:banana;orange';

const arr2 = str2.split(/[:;]/);

console.log(arr2); // ['apple', 'banana', 'orange']

```

如果字符串中没有指定的分隔符，那么split()方法会将整个字符串作为数组的一个元素。例如下面的代码：

```

const str = 'apple_banana_orange';

const arr = str.split(',');

console.log(arr); // ['apple_banana_orange']

```

二、Array.from()方法

Array.from()方法用于从类数组对象或可迭代对象创建一个新的数组实例。它的语法如下：

```

Array.from(arrayLike[, mapFn[, thisArg]])

```

其中，arrayLike参数是要转换成数组的类数组对象或可迭代对象，mapFn参数是可选的，是一个映射函数，用于对arrayLike中的元素进行处理，thisArg参数也是可选的，是mapFn函数中的this指向。

例如下面的代码将一个类数组对象转换成了一个新的数组：

```

const str = 'apple';

const arr = Array.from(str);

console.log(arr); // ['a', 'p', 'p', 'l', 'e']

```

需要注意的是，如果要将一个字符串转换成一个数组，Array.from()方法要比split()方法慢得多。因此，在大规模数据的处理中，尽量避免使用Array.from()方法。

三、两种方法的比较

在实际的编程中，我们应该根据具体的情况选择合适的方法。下面是两种方法的比较：

1. split()方法适用于将一个字符串按照某个分隔符分割成数组，用途比较单一。而Array.from()方法可以从多种对象中创建数组，用途更为广泛。

2. 在处理大规模数据时，split()方法比Array.from()方法快得多，因为它是基于原生字符串的操作，不需要额外的转换。而当处理的数据量比较小时，两种方法的性能差异可以忽略不计。

3. 使用split()方法时，我们需要明确指定分隔符，否则字符串有可能会被当做整个数组的一个元素。而Array.from()方法不需要指定具体的分隔符，可以将字符串的每个字符都转换成数组元素。