如何通过Angular服务从Mongo获取字符串数组而非对象数组？

你遇到的问题根源很明确：服务层的map操作把每个原始的指南字符串都包装成了包含guideline属性的对象，所以最终组件接收的是对象数组，而非你需要的纯字符串数组。

先看你服务里的这段关键代码：

return data.guidelines.map(guideline => { return {guideline: guideline }; });

这里每个指南字符串被转换成了{guideline: "你的指南内容"}这样的对象，自然this.guidelines[0]返回的是对象，不是字符串。

下面给你两种可行的解决方案：

方案1：修改服务逻辑，直接返回字符串数组 #

如果后端API返回的data.guidelines本身就是字符串数组，那服务里的包装操作其实是多余的，直接返回原始数组即可：

getUniqueGuidelines() { 
  this.http.get<{message: string, guidelines: any}>('http://localhost:3000/api/uniqueguidelines') 
    .pipe(map((data) => { 
      // 去掉对象包装，直接返回原始字符串数组
      return data.guidelines; 
    })) 
    .subscribe((transformedGuidelines) => { 
      this.guidelines = transformedGuidelines; 
      this.guidelinesUpdated.next([...this.guidelines]); 
    }); 
}

修改后，服务推送给组件的就是纯字符串数组，你在组件里执行alert(this.guidelines[0])就能直接得到对应的指南字符串了。

方案2：在组件中转换对象数组为字符串数组 #

如果因为某些原因不能修改服务代码，也可以在组件订阅数据时，手动提取每个对象里的guideline属性值，组成字符串数组：

getGuidelines() { 
  this.getRecommendationservice.getUniqueGuidelines(); 
  this.guidelinesubscription = this.getRecommendationservice.getGuidelineUpdateListener() 
    .subscribe ((guidelines: any[]) => { 
      // 遍历对象数组，提取每个item的guideline属性值
      this.guidelines = guidelines.map(item => item.guideline); 
    }); 
}

这样处理后，组件内的this.guidelines就会变成你需要的字符串数组，后续的访问和展示都能正常工作。

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