29 Stimmen

Json - stringify so dass Arrays in einer Zeile sind

Ist es möglich, ein JSON-Objekt zu stringifizieren, um wie folgt aussehen, mit Arrays in einer Zeile - nicht eingerückt

{
    "Repeat": {
        "Name": [["Top_level","All"],[[1,1]]],
        "Link": [["Top_level"],[[1,1]]]
    },
    "Delete": ["Confirm","Cancel"],
    "Move": ["Up","Down"],
    "Number": ["Ascending","Descending"]
}

24voto

ericbowden Punkte 2147

Versuchen Sie dies:

var obj = {"Repeat": {"Name":[["Top_level","All"],[[1,1]]],"Link": [["Top_level"],[[1,1]]]},"Delete": ["Confirm","Cancel"],"Move": ["Up","Down"],"Number": ["Ascending","Descending"]};

JSON.stringify(obj,function(k,v){
   if(v instanceof Array)
      return JSON.stringify(v);
   return v;
},2);

Ergebnis:

"{
  "Repeat": {
    "Name": "[[\"Top_level\",\"All\"],[[1,1]]]",
    "Link": "[[\"Top_level\"],[[1,1]]]"
  },
  "Delete": "[\"Confirm\",\"Cancel\"]",
  "Move": "[\"Up\",\"Down\"]",
  "Number": "[\"Ascending\",\"Descending\"]"
}"

17voto

Alexis Evelyn Punkte 304

Anhand der Antworten von ericbowden y bigp Ich habe die folgende Funktion erstellt, mit der ich JSON hübsch ausdrucken kann, während ich ein Array in einer einzigen Zeile behalte und das Array in Array-Form behalte, anstatt es in eine Zeichenkette zu konvertieren.

function prettyPrintArray(json) {
  if (typeof json === 'string') {
    json = JSON.parse(json);
  }
  output = JSON.stringify(json, function(k,v) {
    if(v instanceof Array)
      return JSON.stringify(v);
    return v;
  }, 2).replace(/\\/g, '')
        .replace(/\"\[/g, '[')
        .replace(/\]\"/g,']')
        .replace(/\"\{/g, '{')
        .replace(/\}\"/g,'}');

  return output;
}

12voto

Piotr Migdal Punkte 10680

Wenn Sie beabsichtigen, kurze Arrays als einzelne Zeilen anzuzeigen, sollten Sie json-stringify-pretty-compact . Das Ergebnis sieht wie folgt aus:

{
  "bool": true,
  "short array": [1, 2, 3],
  "long array": [
    {"x": 1, "y": 2},
    {"x": 2, "y": 1},
    {"x": 1, "y": 1},
    {"x": 2, "y": 2}
  ]
}

9voto

EliSherer Punkte 1449

Ein anderer Ansatz, den ich gewählt habe:

obj => JSON.stringify(obj, (k,v) => Array.isArray(v) ? JSON.stringify(v) : v, 2)
.replace(/"\[[^"\]]*]"/g, r => JSON.stringify(JSON.parse(r)).substr(1).slice(0,-1))

*Array darf keine Zeichenketten enthalten (beachten Sie das " in "not contains" in der Regex), wenn Sie es entfernen, wird es Schlüssel und Werte von abfangen: "[": "[1,2,3,4]",

Update 2020-03 - Ich habe eine stabilere Lösung gefunden

const obj = {
  "first_name": "John",
  "last_name": "Smith",
  "age": 21,
  "hobbies": [ "programming", "workout", null, undefined, 24, "\"has double quotes\"" ],
  "nested": {
    "arr": [ "one", "two", "three" ],
  },
  "nested_arr": [
    "first as string",
    {
      "latin": [ "alpha", "beta", "[gamma]" ]
    },
    null
  ]
};

const stringify = (obj, indent = 2) => 
  JSON.stringify(obj, (key, value) => {
    if (Array.isArray(value) && !value.some(x => x && typeof x === 'object')) {
      return `\uE000${JSON.stringify(value.map(v => typeof v === 'string' ? v.replace(/"/g, '\uE001') : v))}\uE000`;
    }
    return value;
  }, indent).replace(/"\uE000([^\uE000]+)\uE000"/g, match => match.substr(2, match.length - 4).replace(/\\"/g, '"').replace(/\uE001/g, '\\\"'));

console.log(stringify(obj));

8voto

j-brooke Punkte 111

Eine weitere moderne Antwort auf eine alte Frage: Werfen Sie einen Blick auf FracturedJson . Dieser Link führt Sie zur Webversion, aber es ist auch als Befehlszeilenanwendung und als Bibliotheken für .NET und JS verfügbar.

FracturedJson wird Arrays/Objekte einbinden, solange sie weder zu lang noch zu komplex sind. Es kann auch Arrays in mehrere Zeilen mit mehreren Elementen pro Zeile aufteilen.

Im folgenden Beispiel werden die Standardeinstellungen verwendet, aber Sie können sie so anpassen, wie es für Ihre Daten am besten ist.

{
    "SimpleItem": 77,
    "ComplexObject": {
        "Subthing1": {"X": 55, "Y": 19, "Z": -4},
        "Subthing2": { "Q": null, "W": [-2, -1, 0, 1] },
        "Distraction": [[], null, null]
    },
    "ShortArray": ["blue", "blue", "orange", "gray"],
    "LongArray": [
        2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 
        79, 83, 89, 97, 101, 103, 107, 109, 113, 127, 131, 137, 139, 149, 151, 157, 
        163, 167, 173, 179, 181, 191, 193, 197, 199, 211, 223, 227, 229, 233, 239, 241, 
        251, 257, 263, 269, 271, 277, 281, 283, 293
    ],
    "LongArray2": [
        [19, 2],
        [3, 8],
        [14, 0],
        [9, 9],
        [9, 9],
        [0, 3],
        [10, 1],
        [9, 1],
        [9, 2],
        [6, 13],
        [18, 5],
        [4, 11],
        [12, 2]
    ]
}

Offenlegung: Ich bin der Autor von FracturedJson. Es ist Open Source unter einer MIT-Lizenz.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X