javascript - 如何将 html textarea 值转换为 json？

Question

客户端

.. some form
<textarea name="data"></textarea>

我将像下面这样输入文本区域

{title: 'Hello one!', author: 'someone'}
{title: 'Hello two!', author: 'mygf'}
{title: 'Hello three!', author: 'darthvader'}

最后提交表单，

服务器

服务器会像上面那样

'{title: \'Hello one!\', author: \'someone\'}\r\n
{title: \'Hello two!\', author: \'mygf\'}\r\n
{title: \'Hello three!\', author: \'darthvader\'}\r\n'

此时我该如何转换呢？

我试过:

 var dataArray = req.body.data.split('\r\n');
 for (var i=0; i< dataArray.length; i++){
     console.log(dataArray[i].title)  // err because dataArray[i] is not obj
 }

如何正确制作objectdarray？

Answer 1

您拥有的不是有效的 JSON。如果你使用 valid JSON (键和字符串值用双引号括起来)，那么你可以简单地使用 JSON.parse() :

var data = '{"title": "Hello one!", "author": "someone"}\r\n{"title": "Hello two!", "author": "mygf"}\r\n{"title": "Hello three!", "author": "darthvader"}';
var dataArray = data.split('\r\n');

for (var i=0; i<dataArray.length; i++){
  dataArray[i] = JSON.parse(dataArray[i]);
  console.log(dataArray[i]);
}

如果你想允许无效的 JSON，你需要分析字符串并找出键和值的位置，并将它们添加到新创建的对象中。