You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular中如何将字符串数组转换为JSON对象数组?表单场景求助

嘿,这事儿好办!你已经把字符串按空格拆成数组了,接下来用数组的map方法就能轻松转成JSON对象数组,我给你具体的代码示例,直接套进你的提交函数里就行:

首先,先处理拆分后的数组(还能顺便过滤掉输入里可能出现的无效空字符串),再把每个元素转换成你需要的对象结构:

createCard(formData){
  // 拆分字符串,同时过滤掉多空格、首尾空格带来的空字符串
  this.responsibilities = this.addCRCCardForm.value.responsibilities.split(" ")
    .filter(item => item.trim() !== "");
  
  // 转换为JSON对象数组,属性名可以根据你的业务需求修改
  const responsibilitiesObjArray = this.responsibilities.map(res => ({
    attribute: res
  }));
  
  console.log(responsibilitiesObjArray);
  // 现在就可以遍历这个对象数组做后续操作了
  for (let res of responsibilitiesObjArray) {
    // 这里可以用res.attribute拿到每个属性值,比如Name、ISBN
    // 你的业务逻辑代码写在这里
  }
}

转换完成后,responsibilitiesObjArray的结构就是你需要的JSON对象数组:

[
  {"attribute": "Name"},
  {"attribute": "ISBN"}
]

要是你确定输入不会有连续空格或者首尾空格的情况,也可以去掉filter那一行,直接用split(" ")拆分就行。

内容的提问来源于stack exchange,提问作者Thinker

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 04:00:01