programing

텍스트 에디터에서 JavaScript 개체를 유효한 JSON으로 빠르게 변환할 수 있는 방법이 있습니까?

batch 2023. 4. 1. 08:37
반응형

텍스트 에디터에서 JavaScript 개체를 유효한 JSON으로 빠르게 변환할 수 있는 방법이 있습니까?

오래된 큰 설정 개체가 있습니다.예를 들어 다음과 같습니다.

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

... 등등.인터튜브를 통과할 수 있도록 유효한 JSON으로 다시 쓰고 싶지만, 파일의 모든 행을 수동으로 겹따옴표를 붙이고 싶지는 않습니다.물론 모든 것을 수동으로 괄호로 묶어서 첫 번째 속성으로 변경하는 것은 상관없지만, 그 외에도 귀찮은 작업을 할 수 있는 리소스가 있었으면 합니다.

어쨌든, TextMate 명령어, regex trick, 온라인 컨버터, 친근한 로봇, 그 밖에 이것을 덜 지루하게 할 수 있는 것이 있으면 도와주세요.

  1. Firefox/Chrome/Safari 부팅
  2. Firebug/developer 도구 열기
  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!

NeatJ의 스크린샷

왜 그냥...

...JSON.stringify() 결과를 전송합니다.JSON을 입력할 필요가 없습니다.실수없다면 런타임에 생성하셔야 합니다.그러니까...

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

'JSON으로의 오브젝트 시리얼화'도 참조해 주세요.

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에서 네이티브 JSON 사용을 참조하십시오.

구문을 강조 표시하는 또 다른 JS-JSON 온라인 변환 도구입니다.Javascript to JSON 변환기

저는 bit.ly/js2json이라는 도구를 만들었습니다.JavaScript를 사용하여 JSON을 출력합니다.

언급URL : https://stackoverflow.com/questions/5810635/is-there-a-quick-way-to-convert-a-javascript-object-to-valid-json-in-the-text-ed

반응형