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

IT技术 javascript jquery arrays literals string-literals
2021-02-23 01:01:27

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

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

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

6个回答

我认为最好的方法是使用JSON native parser,正如Douglas Crockford(JavaScript 的最大大师之一)在这里建议的那样,因为它不仅比 eval() 更快,而且更安全。

本机 JSON 解析器已在以下位置可用:

  • 火狐 3.5+
  • 浏览器 8+
  • 歌剧 10.5+
  • Safari Safari 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 + ")" );方法。

eval() 将字符串解析为 JavaScript 源,并且由于所有有效的 JSON 也是有效的 JavaScript(并且它来自 JavaScript Object Notation),您可以使用 eval() 将其转换为它的 JavaScript 表示。出于安全原因,在字符串的开头和结尾添加父项是一种常见的做法,尽管使用 eval() 仍然非常不安全。所以, var myObject = eval( "(" + myString + ")" ); 只是解析 myString JSON 并在 myObject 变量(可能是对象或数组)中获取它的值
2021-04-18 01:01:27
请注意,json2 仍然使用 eval,但会执行一些检查以缓解潜在漏洞
2021-04-26 01:01:27
var myObject = eval( "(" + myString + ")" ); 意思是?非常感谢。
2021-05-15 01:01:27

由于您的字符串是格式错误的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.jsJSON2.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 标记的属性中并且不想转义引号。

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

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

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

您可以使用“for in”

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 只有一层键值对。

如果您真的想使用字符串,请将第一行更改为 var myObject = eval('(' + "{a:'12', b:'c', foo:'bar'}" + ')');,使用@Rob 提示。
2021-05-07 01:01:27

JSON.parse 可以解决问题。解析后,您可以将它们推送到数组中。

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