如何通过JavaScript从input的value属性中获取存储的对象？

实现逻辑 #

• 先选中对应class的input DOM元素
• 读取元素的value属性得到JSON字符串
• 用JSON.parse()将字符串转为原生JS数组/对象

完整代码示例 #

// 选中input节点
const taxInputDom = document.querySelector('.tax_obj');
// 解析value为JS数组
const taxData = JSON.parse(taxInputDom.value);

// 测试使用：输出所有税种信息
console.log(taxData);
// 取第一个税种的税率示例
console.log(taxData[0].taxpercentage); // 输出13

注意事项 #

你提供的input代码中，第一个对象的taxid键名前多了一个多余空格，如果你实际代码中确实存在该空格，取值时需要带上空格，写法为taxData[0][' taxid']，否则会返回undefined。

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