在javascript中将字符串转换为对象数组的最佳方法？

Question

我想将下面的字符串转换为 javascript 中的数组。

{a:12, b:c, foo:bar}

如何将此字符串转换为对象数组？ 有什么好主意吗？

Answer 1

我认为这样做的最佳方式，正如Douglas Crockford （最伟大的 JavaScript 大师之一）在这里建议的那样，是使用JSON 原生解析器，因为它不仅比 eval() 更快，而且更安全。

本机 JSON 解析器已在以下版本可用：

• 火狐 3.5+
• 浏览器 8+
• 歌剧 10.5+
• 野生动物园 野生动物园 4.0.3+
• Chrome（不知道哪个版本）

Crockford 在 javascript 中做了一个安全的回退，称为json2.js ，它是 eval() 方法的一种改编，添加了一些安全位和本机 JSON 解析器 API。 您只需要包含该文件，删除它的第一行，并使用本机 JSON 解析器，如果它不存在，json2 将完成工作。

这是一个例子：

var myJSONString = '{ "a": 1, "b": 2 }',
    myObject = JSON.parse(myJSONString);

解析后，您将获得一个具有属性a和b的对象，您可能知道，您可以将对象视为 JavaScript 中的哈希表或关联数组，因此您将能够像这样访问值：

myObject['a'];

如果你只想要一个简单的数组而不是一个关联的数组，你可以这样做：

var myArray = [];
for(var i in myObject) {
    myArray.push(myObject[i]);
}

最后，虽然在纯 JavaScript 中不是必需的，但JSON 规范需要双引号成员的键。 所以没有它 navite 解析器将无法工作。 如果我是你，我会添加它，但如果不可能，请使用var myObject = eval( "(" + myString + ")" ); 方法。

Answer 2

由于您的字符串是格式错误的 JSON，因此 JSON 解析器无法正确解析它，甚至 eval() 也会抛出错误。 它也不是一个数组，而是一个 HashMap 或只是一个对象文字（格式错误）。 如果对象文字将只包含数字和字符串值（并且没有子对象/数组），您可以使用以下代码。

function malformedJSON2Array (tar) {
    var arr = [];
    tar = tar.replace(/^\{|\}$/g,'').split(',');
    for(var i=0,cur,pair;cur=tar[i];i++){
        arr[i] = {};
        pair = cur.split(':');
        arr[i][pair[0]] = /^\d*$/.test(pair[1]) ? +pair[1] : pair[1];
    }
    return arr;
}

malformedJSON2Array("{a:12, b:c, foo:bar}");
// result -> [{a:12},{b:'c'},{foo:'bar'}]

该代码会将您的字符串转换为对象数组（复数）。

但是，如果您实际上想要一个 HashMap（关联数组）而不是一个数组，请使用以下代码：

function malformedJSON2Object(tar) {
    var obj = {};
    tar = tar.replace(/^\{|\}$/g,'').split(',');
    for(var i=0,cur,pair;cur=tar[i];i++){
        pair = cur.split(':');
        obj[pair[0]] = /^\d*$/.test(pair[1]) ? +pair[1] : pair[1];
    }
    return obj;
}

malformedJSON2Object("{a:12, b:c, foo:bar}");
// result -> {a:12,b:'c',foo:'bar'}

当你开始嵌套对象和数组时，上面的代码会变得复杂很多。 基本上，您必须重写JSON.js和JSON2.js才能支持格式错误的 JSON。

还要考虑以下选项，我承认这仍然很糟糕，但比将 JSON 粘贴到 HTML 标记的属性中要好一些。

<div id="DATA001">bla</div>
<!-- namespacing your data is even better! -->
<script>var DATA001 = {a:12,b:"c",foo:"bar"};</script>

我假设您省略了字符串中的引号，因为您已将它放在 HTML 标记的属性中并且不想转义引号。

Answer 3

最简单但不安全的方法是：

eval('(' + myJSONtext + ')')

但由于这将解释任何 javascript 代码，因此它存在安全漏洞。 为了防止这种情况，请使用 json 解析器。 如果您使用的是框架（jquery、mootools 等），则会有特定于框架的调用。 其中大部分基于 Douglas Crawford 的解析器，网址为http://www.json.org/js.html 。

Answer 4

您可以使用“用于”

var myObject = {a:'12', b:'c', foo:'bar'};
var myArray = [];

for(key in myObject) {
    var value = myObject[key];
    myArray[key] = value;
}

myArray['a']; // returns 12

注意：考虑到 myObject 只有一层键值对。

Answer 5

JSON.parse 可以解决问题。 解析后，您可以将它们推入数组。

var object = JSON.parse(param);
var array = [];
for(var i in object) {
   array.push(object[i]);
}

Answer 6

如果您使用的是 jQuery，则可以使用$.parseJSON()函数。 如果字符串格式错误，它会抛出异常，并且“此外，如果你什么都不传入，空字符串、null 或 undefined，'null' 将从 parseJSON 返回。浏览器提供 JSON.parse 的本机实现，jQuery用它来解析字符串”

Answer 7

使用安全评估。 与 JSON.parse 不同，这不需要引用键或值。 仅当它们包含嵌入的逗号时才引用值。

const myStr = "{a:1, b:2, c:3}";
const myObj = string_exp(myStr);
console.log("dot: " + myObj.c);

function string_exp(sCmd) {
    return Function(`'use strict'; return (${sCmd})`)();
}

https://dev.to/spukas/everything-wrong-with-javascript-eval-35on#:~:text=the%20variable%20exists.-,Alternatives,-The%20most%20simple