JavaScript内部对象转字符串后拆分数组遇undefined问题求助

核心问题 #

你错误地将linuxVersions这个字符串当成对象/数组来解构取值，导致unit_version和unit1_version都返回undefined。

解决步骤 #

1. 直接拆分目标字符串
   既然VersionItems.linuxVersions是带逗号分隔的字符串，直接对它调用split(',')即可完成拆分，不需要多余的解构操作：

   // 替换原来错误的解构代码
   const unit_versions = VersionItems.linuxVersions.split(',');
   console.log(unit_versions); // 此时会得到拆分后的数组
   

2. 修正setState中的取值逻辑
   你定义的unit_versions是局部变量，不是VersionItems的属性，所以要把setState里的取值改成这个局部数组：

   this.setState({
     value : VersionItems.applicationVersions,
     dbInfo_revision : VersionItems.applicationVersions[0].dbInfo_rev,
     dbInfo_timestamp : VersionItems.applicationVersions[0].dbInfo_date,
     Company_version : unit_versions[0], // 用拆分后的数组第一个元素
     linux_version : unit_versions[1] // 用拆分后的数组第二个元素
   })
   

3. 可选：添加容错处理
   为避免字符串为空或无逗号导致的异常，可以增加默认值处理：

   const unit_versions = (VersionItems.linuxVersions || '').split(',');
   // 若拆分后数组长度不足，赋予默认值
   const companyVersion = unit_versions[0] || '未知版本';
   const linuxVersion = unit_versions[1] || '未知版本';
   

额外说明 #

如果gauge.read返回的VersionItems本身就是对象，那你之前的replaceAll和JSON.parse操作是多余的，甚至可能引发错误。建议打开注释的console.log(VersionItems)，确认原始数据的类型和结构。

内容的提问来源于stack exchange，提问作者Ryan Buton