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
相关产品推荐
相关产品推荐

