如何将转换为字符串的数组转换回数组 - JavaScript

在 JavaScript 中，我们可以使用 JSON.stringify() 方法将一个数组转换为一个字符串，但当我们需要将其还原为原始的数组时会面临一些挑战。

本篇文章将重点介绍如何将这些字符串类型的数组还原为原始的数组，并提供几种方法供大家参考。

使用 JSON.parse()

我们可以使用 JSON.parse() 方法将字符串类型的数组还原为原始数组。下面的示例展示了如何使用该方法：

const strArr = '["apple", "banana", "orange"]';
const arr = JSON.parse(strArr);
console.log(arr); // ["apple", "banana", "orange"]

在这个示例中，我们首先定义了一个字符串类型的数组 strArr，然后使用 JSON.parse() 方法将其还原为原始的数组，并将其存储到变量 arr 中。最后，我们将 arr 的值输出到控制台中。

使用 eval()

使用 eval() 方法也可以将字符串类型的数组还原为原始的数组，但相比于 JSON.parse() 方法，它可能会更加危险，因为 eval() 方法会执行任何在其参数中出现的 JavaScript 代码。

下面的示例展示了如何使用 eval() 方法：

const strArr = '["apple", "banana", "orange"]';
const arr = eval(strArr);
console.log(arr); // ["apple", "banana", "orange"]

在这个示例中，我们使用 eval() 方法将字符串类型的数组 strArr 还原为原始的数组，并将其存储到变量 arr 中。最后，我们将 arr 的值输出到控制台中。

但需要注意的是，eval() 方法可能会对您的代码造成潜在的安全风险，所以如果不是必要情况下，建议使用 JSON.parse() 方法。

使用正则表达式

另外一种将字符串类型数组还原为原始数组的方法是使用 JavaScript 的正则表达式。下面的示例展示了如何使用正则表达式：

const strArr = '["apple", "banana", "orange"]';
const arr = strArr.match(/[^\[\],"]+/g);
console.log(arr); // ["apple", "banana", "orange"]

在这个示例中，我们首先定义了一个字符串类型的数组 strArr，然后使用正则表达式将其还原为原始的数组，并将其存储到变量 arr 中。最后，我们将 arr 的值输出到控制台中。

需要注意的是，正则表达式的效率相对较低，而且对于格式复杂的字符串类型数组，可能会返回错误的结果。

结论

在 JavaScript 中，将字符串类型的数组还原为原始的数组是十分常见的操作。本篇文章介绍了三种将字符串类型的数组还原为原始的数组的方法，它们分别是使用 JSON.parse() 方法、使用 eval() 方法以及使用正则表达式。

虽然这些方法各有优劣，但总的来说，使用 JSON.parse() 方法是最为安全、有效的。