js字符串转数组

在实际的开发过程中，我们经常需要将字符串转为数组以便于进行后续的操作。那么在 JavaScript 中，如何实现字符串转为数组的操作呢？本文将从多个角度介绍字符串转数组的方法。

方法一：使用 split() 函数

在 JavaScript 中，可以使用 split() 函数将字符串按照指定的分隔符分割成数组。split() 函数的语法如下：

```javascript

string.split(separator, limit);

```

其中，separator 表示要用来分隔字符串的字符或字符串，limit 表示返回的数组元素的个数限制。

例如，我们有一个字符串 str，需要将它按照逗号（,）分割成数组，可以使用以下代码：

```javascript

var str = 'apple,banana,orange';

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

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

```

方法二：使用 Array.from() 函数

除了使用 split() 函数外，还可以使用 Array.from() 函数将字符串转为数组。Array.from() 函数的语法如下：

```javascript

Array.from(arrayLike, mapFn, thisArg);

```

其中，arrayLike 表示要转为数组的类数组对象或可迭代对象，mapFn 表示可选参数，用于对每个元素进行处理和转换，thisArg 表示可选参数，用于指定 mapFn 中 this 的值。

例如，我们有一个字符串 str，需要将它转为数组，可以使用以下代码：

```javascript

var str = 'apple,banana,orange';

var arr = Array.from(str, item => item);

console.log(arr); // ['a', 'p', 'p', 'l', 'e', ',', 'b', 'a', 'n', 'a', 'n', 'a', ',', 'o', 'r', 'a', 'n', 'g', 'e']

```

需要注意的是，Array.from() 函数会将字符串拆分为单个字符，因此转换后的数组中的每个元素都是单个字符。

方法三：使用字符串索引访问

除了使用函数之外，我们还可以使用字符串索引访问的方法将字符串转为数组。在 JavaScript 中，可以像获取数组元素一样获取字符串的单个字符，因此可以通过循环遍历字符串，将每个字符存储到一个新的数组中，从而将字符串转为数组。以下是示例代码：

```javascript

var str = 'apple,banana,orange';

var arr = [];

for (var i = 0; i < str.length; i++) {

arr.push(str[i]);

}

console.log(arr); // ['a', 'p', 'p', 'l', 'e', ',', 'b', 'a', 'n', 'a', 'n', 'a', ',', 'o', 'r', 'a', 'n', 'g', 'e']

```

从这个例子可以看出，在处理字符串时，可以像处理数组一样使用循环、索引等操作，这样可以方便地将字符串转为数组。

方法四：使用 eval() 函数

除了上述方法之外，还可以使用 eval() 函数将字符串转为数组。eval() 函数可以将字符串作为 JavaScript 代码进行执行。例如，可以将字符串 str 格式化为数组的字符串形式，然后使用 eval() 函数执行该字符串，从而得到数组。以下是示例代码：

```javascript

var str = 'apple,banana,orange';

var arrStr = '[' + str + ']';

var arr = eval(arrStr);

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

```

需要注意的是，使用 eval() 函数执行字符串存在一定的安全风险，因此在使用时需要特别小心。

综上所述，JavaScript 中可以使用多种方法将字符串转为数组，包括 split() 函数、Array.from() 函数、字符串索引访问和 eval() 函数等。在实际的开发中，应根据具体的场景选择最适合的方法。