有没有一种快速的方法可以在文本编辑器中将JavaScript对象转换为有效的JSON?

问题描述 投票:35回答:5

我有一个很大的旧配置对象。就像是:

var object = {
  item1: 'value1',
  item2: 1000,
  item3: ['a', 'b', 'c'],
  item4: [1, 2, 3],
  item5: {
    foo: 'bar'
  }
};

... 等等。我想将它重写为有效的JSON,以便它可以通过intertubes,但我不想遍历我文件中的每一行,手动添加双引号。当然,我不介意手动将整个事物包装在括号中并将初始赋值更改为第一个属性,但除此之外,我希望有一些资源可以完成繁琐的工作。

无论如何,如果知道TextMate命令,正则表达式技巧,在线转换器,友好机器人或任何其他会使这不那么繁琐的事情,请帮助我。

javascript json text-editor
5个回答
119
投票
  1. 启动Firefox / Chrome / Safari
  2. 打开Firebug /开发人员工具
  3. 将代码复制/粘贴到控制台中。
  4. 然后键入console.log(JSON.stringify(object))和瞧! {"item1":"value1","item2":1000,"item3":["a","b","c"], "item4":[1,2,3],"item5":{"foo":"bar"}}
  5. 复制/粘贴回文本编辑器。

为了更好地控制格式,我有一个免费的在线网页:

http://phrogz.net/JS/NeatJSON

它允许您将JSON或JS值粘贴到一个框中,并在底部查看JSON,其中包含许多旋钮和滑块以调整其外观。例如,JS值["foo","bar",{dogs:42,piggies:0,cats:7},{jimmy:[1,2,3,4,5],jammy:3.14159265358979,hot:"pajammy"}]可以格式化为以下任何一种(以及更多):

[
    "foo",                            <- adjustable indentation
    "bar",
    {"dogs":42,"piggies":0,"cats":7}, <- small objects on one line!
    {
        "jimmy":[1,2,3,4,5],          <- small arrays on one line!
        "jammy":3.142,                <- decimal precision!
        "hot":"pajammy"
    }
]
[
  "foo",
  "bar",
  { "cats":7, "dogs":42, "piggies":0 }, <- spaces inside braces!
  {
    "hot":"pajammy",                    <- sort object keys!
    "jammy":3.14159265358979,
    "jimmy":[ 1, 2, 3, 4, 5 ]           <- spaces after commas!
  }
]
[ "foo",                           <- 'short' format puts first value
  "bar",                           <- on same line as opening bracket...
  { "dogs"    : 42,
    "piggies" : 0,                 
    "cats"    : 7 },               <- ...and close bracket with last value!
  { "jimmy" : [ 1, 2, 3, 4, 5 ],
    "jammy" : 3.14159265358979,    <- spaces around colons!
    "hot"   : "pajammy" } ]        <- align object values!

Screenshot of NeatJSON webpage


6
投票

你为什么不......

...发送JSON.stringify()的结果。你不需要输入JSON,如果我没弄错的话你需要在运行时生成它,所以...

var mything = { .... } ; 
var jsonRep = JSON.stringify(mything); 

另见Serializing an object to JSON


3
投票

您可以使用Google Chrome的控制台(或可能是Firebug):

> object
  Object
    item1: "value1"
    item2: 1000
    item3: Array[3]
    item4: Array[3]
    item5: Object
    __proto__: Object
> JSON.stringify(object);
"{"item1":"value1","item2":1000,"item3":["a","b","c"],"item4":[1,2,3],"item5":{"foo":"bar"}}"

如果您想了解更多文档,请查看MDC上的Using native JSON


3
投票

另一个JS to JSON在线转换工具,语法高亮。 Javascript to JSON converter


0
投票

我为此做了一个工具:bit.ly/js2json。它需要JavaScript并输出JSON。

© www.soinside.com 2019 - 2024. All rights reserved.