如何从字符串形式的数组定义中提取可遍历数组并遍历？

你现在的代码里，names是一个包含数组定义的字符串：

const names = 'const names = ["jhon", "anna", "kelvin"]'

下面提供几种实用方法，帮你从中提取出真正的JavaScript数组，实现forEach遍历输出：

方法1：字符串截取 + JSON.parse（推荐） #

这种方法安全可控，步骤清晰：

// 先把原字符串存起来（避免变量名冲突）
const namesStr = 'const names = ["jhon", "anna", "kelvin"]';
// 定位数组的起始和结束位置
const start = namesStr.indexOf('[');
const end = namesStr.lastIndexOf(']') + 1;
// 截取数组部分的字符串
const arrStr = namesStr.slice(start, end);
// 转换为可遍历的数组
const namesArr = JSON.parse(arrStr);
// 遍历输出
namesArr.forEach(name => console.log(name));

执行后会依次输出：

jhon
anna
kelvin

方法2：正则表达式匹配 #

如果字符串格式有变化，正则匹配更灵活：

const namesStr = 'const names = ["jhon", "anna", "kelvin"]';
// 匹配[]包裹的数组内容
const regex = /\[.*?\]/;
const match = namesStr.match(regex);
if (match) {
  const namesArr = JSON.parse(match[0]);
  namesArr.forEach(name => console.log(name));
}

方法3：eval（不推荐） #

只有在你完全信任字符串内容的情况下，才用这个方法——它会直接执行字符串里的代码：

const namesStr = 'const names = ["jhon", "anna", "kelvin"]';
// 执行字符串中的代码，生成names数组
eval(namesStr);
// 遍历输出
names.forEach(name => console.log(name));

⚠️ 注意：如果字符串来源不可靠，eval可能执行恶意代码，风险很高。

内容的提问来源于stack exchange，提问作者Esa Kurniawan