Json — упорядочить, чтобы массивы были на одной строке

Можно ли преобразовать объект JSON в строку, чтобы он выглядел так, с массивами в одной строке - без отступа

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

json stringify
person Chris Glasier    schedule 04.08.2011    source источник

Ответы (10)


arrow_upward
20
arrow_downward

Попробуй это:

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);

Результат:

"{
  "Repeat": {
    "Name": "[[\"Top_level\",\"All\"],[[1,1]]]",
    "Link": "[[\"Top_level\"],[[1,1]]]"
  },
  "Delete": "[\"Confirm\",\"Cancel\"]",
  "Move": "[\"Up\",\"Down\"]",
  "Number": "[\"Ascending\",\"Descending\"]"
}"
person ericbowden    schedule 26.08.2013
comment
Спасибо, вроде так и должно быть. Я попробую это в свое время. Что делает к? - person Chris Glasier; 28.08.2013
comment
k и v - это ключ/значение для объекта, который передается этой функции, в этом случае k ничего не делает - person ericbowden; 29.08.2013
comment
Массивы выходят как отдельные строки; есть ли столь же умный способ вернуть их в массивы? Если это так, ваш ответ определенно получает галочку - person Chris Glasier; 11.11.2013
comment
Он печатает так: `изображения: [\2\,\3\,\4\,\5\,\6\,\7\]` - person Chris Glasier; 22.11.2013
comment
Эта часть становится немного сложной, когда я реализовал ее, я удалил кавычки и обратную косую черту с помощью регулярных выражений. Что касается массивов, вы можете создать рекурсивный метод, который зацикливается каждый раз при обнаружении массива и добавляет его в конец выходной строки. Это может стать немного грязным отсюда. - person ericbowden; 29.11.2013
comment
Регулярное выражение выглядит нормально, но массивы могут содержать строки, поэтому должны быть обратные косые черты, [ и ] ... попробуем ... все в свое время! - person Chris Glasier; 01.12.2013
comment
Кажется, добавление этих пунктов решает проблемы с пунктуацией:html = html.split('"[').join("["); html = html.split(']"').join("]"); html = html.split('\\"').join('"'); html = html.split('""').join('"'"'"); - person Chris Glasier; 26.09.2014

arrow_upward
9
arrow_downward

Если вы хотите отображать короткие массивы в виде отдельных строк, рассмотрите возможность использования json-stringify-pretty- компактный. Это дает результаты, выглядящие следующим образом:

{
  "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}
  ]
}
person Piotr Migdal    schedule 15.11.2015
comment
Это работает очень хорошо, как только вы начнете. Хотя это странный процесс - или, может быть, я не знаю, что делаю... Он легко устанавливается с помощью npm. После этого, чтобы заставить его работать, ваш тег сценария должен указывать на «index.js» (нет файла json-stringify-pretty-compact js). Затем вы должны закомментировать последнюю строку, например: //module.exports = stringify. Затем вы можете использовать его вместо JSON.stringify, например: stringify(jSONObject, null, 2). Действительно, JSON выглядит намного лучше. - person Travis Heeter; 04.11.2016

arrow_upward
8
arrow_downward

Получение ответов от ericbowden и bigp, я создал приведенную ниже функцию, которая позволяет мне красиво печатать JSON, сохраняя массив в одной строке и сохраняя массив в форме массива, а не преобразовывая его в строку.

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;
}
person Alexis Evelyn    schedule 28.02.2019
comment
Спасибо за ваш ответ - это прекрасно работает. Здесь я адаптировал вашу функцию для передачи JSLint: const prettyPrintArray = obj => JSON.stringify( obj, (key, val) => (val instanceof Array) ? JSON.stringify(val) : val, 2).replace(/\\/g, '').replace(/\[/g, '[').replace(/\]/g,']').replace(/\{/g, '{').replace(/\}/g,'}'); - person LukeT; 09.06.2020

arrow_upward
6
arrow_downward

Другой подход, который я использовал:

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))

* Массив не должен содержать строки (обратите внимание на «не содержит внутри регулярного выражения»), если вы удалите его, он поймает ключ, значения: "[": "[1,2,3,4]",

Обновление 2020-03 - я разработал более стабильное решение

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));

person EliSherer    schedule 14.11.2017
comment
Как вы думаете, получится ли такой результат: www.glasier.hk — выберите JSON - person Chris Glasier; 15.11.2017
comment
Для общего назначения я бы предложил использовать стороннюю библиотеку, предложенную @Piotr Migdal. - person EliSherer; 15.11.2017

arrow_upward
2
arrow_downward

Имейте в виду, что это использует lodash для обнаружения массивов и объектов, вот еще один метод, который будет удерживать "листовые" объекты компактными в одной строке:

_.jsonPretty = function(obj, indent) {
    if(!indent) indent = 2;

    return JSON.stringify(obj, function(k,v) {
        //Check if this is a leaf-object with no child Arrays or Objects:
        for(var p in v) {
            if(_.isArray(v[p]) || _.isObject(v[p])) {
                return v;
            }
        }

        return JSON.stringify(v);

        //Cleanup the escaped strings mess the above generated:
    }, indent).replace(/\\/g, '')
        .replace(/\"\[/g, '[')
        .replace(/\]\"/g,']')
        .replace(/\"\{/g, '{')
        .replace(/\}\"/g,'}');
};

И просто используйте это так:

_.jsonPretty(yourObjectToStringify);

Вот пример до...

{
  "type": "light-item",
  "name": "Waiting",
  "ringSeqLooping": true,
  "ringSeqHoldLast": false,
  "ringSteps": [
    {
      "type": "light-step",
      "time": 1,
      "audioClipName": "Off",
      "audioVolume": 1,
      "lights": [
        {
          "state": "FadeOn",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        }
      ]
    },
    {
      "type": "light-step",
      "time": "0.5",
      "audioClipName": "Off",
      "audioVolume": 1,
      "lights": [
        {
          "state": "FadeOff",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        }
      ]
    }
  ],
  "stripSeqLooping": true,
  "stripSeqHoldLast": false,
  "stripSteps": [
    {
      "type": "light-step",
      "time": "2",
      "audioClipName": "Off",
      "audioVolume": 1,
      "lights": [
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "FadeOn",
          "color": "#fff"
        },
        {
          "state": "FadeOn",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        }
      ]
    },
    {
      "type": "light-step",
      "time": "2",
      "audioClipName": "Off",
      "audioVolume": 1,
      "lights": [
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "FadeOff",
          "color": "#fff"
        },
        {
          "state": "FadeOff",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        },
        {
          "state": "Off",
          "color": "#fff"
        }
      ]
    }
  ]
}

... и после:

{
  "type": "light-item",
  "name": "Waiting",
  "ringSeqLooping": "true",
  "ringSeqHoldLast": "false",
  "ringSteps": [
    {
      "type": "light-step",
      "time": "1",
      "audioClipName": "Off",
      "audioVolume": "1",
      "lights": [
        {"state":"FadeOn","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"}
      ]
    },
    {
      "type": "light-step",
      "time": "0.5",
      "audioClipName": "Off",
      "audioVolume": "1",
      "lights": [
        {"state":"FadeOff","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"}
      ]
    }
  ],
  "stripSeqLooping": "true",
  "stripSeqHoldLast": "false",
  "stripSteps": [
    {
      "type": "light-step",
      "time": "2",
      "audioClipName": "Off",
      "audioVolume": "1",
      "lights": [
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"FadeOn","color":"#fff"},
        {"state":"FadeOn","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"}
      ]
    },
    {
      "type": "light-step",
      "time": "2",
      "audioClipName": "Off",
      "audioVolume": "1",
      "lights": [
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"FadeOff","color":"#fff"},
        {"state":"FadeOff","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"},
        {"state":"Off","color":"#fff"}
      ]
    }
  ]
}
person bigp    schedule 22.02.2017
comment
Тьфу ... Я только что заметил некоторые недостатки (в частности, с логическими значениями и числами), где он заключает его в двойные кавычки. Я думаю, вам решать, безопасно ли делать более глобальные замены по всей строке JSON, чтобы удалить эти крайние случаи. - person bigp; 22.02.2017

arrow_upward
2
arrow_downward

Попробуй это:

JSON.stringify(obj,function(k,v){
   if(v instanceof Array)
      return JSON.stringify(v);
   return v;
},4)
.replace(/"\[/g, '[')
.replace(/\]"/g, ']')
.replace(/\\"/g, '"')
.replace(/""/g, '"');
person Maneesh Sharma    schedule 14.09.2017
comment
Я пытался, но это не работает с многоуровневыми объектами. - person Chris Glasier; 27.09.2017

arrow_upward
1
arrow_downward

Вот версия, которая работает для меня. Мне это нужно только для отдельных элементов или числовых массивов. Но логическое значение, установленное ниже, превращает все массивы в один лайнер.

Каждая структура, кажется, имеет свои собственные ошибки! :)

Я был очень расстроен, пока не узнал, что string.replace работает только в первом случае. Я счастлив теперь, когда у меня есть обходной путь!

Некоторые из других решений, похоже, не работали для меня на узле? Но если более простое решение работает, я бы сказал, дерзайте!

const singleLineForNumericAndSingleItemArray = false;
let formatJsonVtStandard = function(key, value) {
    // Edit: Without checking if it is json, strings holding numbers turn to numbers.
    if (typeof(value) === 'string' && (value.startsWith("{") || value.startsWith("["))) {
        try {
            value = JSON.parse(value);
        } catch (ex) {}
    }
    if (!Array.isArray(value)) {
        return value;
    }
    if (value.length === 0) {
        return value;
    }
    if (singleLineForNumericAndSingleItemArray) {
        // Only keep single items and integer arrays on one line
        if (value.length > 1 && value.some(function(v) { return !Number.isInteger(v); })) {
            return value;
        }
    }
    for (var index in value) {
        if (typeof(value[index]) === 'object') {
            return value; // Don't support arrays that contain objects (little too tricky of a shot)
        } else if (typeof(value[index]) === 'string') { // Keep the double quotes
            value[index] = '#¯\_(ツ)_/¯#"#¯\_(ツ)_/¯#' + value[index] + '#¯\_(ツ)_/¯#"#¯\_(ツ)_/¯#';
        }
    }
    return '#¯\_(ツ)_/¯#[#¯\_(ツ)_/¯#' + value.join('#¯\_(ツ)_/¯#,#¯\_(ツ)_/¯# ') + '#¯\_(ツ)_/¯#]#¯\_(ツ)_/¯#';
};

function prettyStringify(json, extraFormatting = null, spacing = 2) {
    const results = JSON.stringify(json, function(key, value) { let result = formatJsonVtStandard(key, value); if (extraFormatting && extraFormatting !== null) { result = extraFormatting(key, result); } return result; }, spacing);
    const results1 = results.split('\"#¯\_(ツ)_/¯#[#¯\_(ツ)_/¯#').join('[');   // string.replace is sidelined: does not replace all occurrences
    const results2 = results1.split('#¯\_(ツ)_/¯#]#¯\_(ツ)_/¯#\"').join(']');  // string.replace is sidelined: does not replace all occurrences
    const results3 = results2.split('#¯\_(ツ)_/¯#\\"#¯\_(ツ)_/¯#').join('\"'); // string.replace is sidelined: does not replace all occurrences
    const results4 = results3.split('#¯\_(ツ)_/¯#,#¯\_(ツ)_/¯#').join(',');    // string.replace is sidelined: does not replace all occurrences
    return results4;
}

Чтобы использовать это. Просто замените JSON.stringify на prettyStringify

person TamusJRoyce    schedule 03.05.2019
comment
Замените #¯\_(ツ)_/¯# на ### или UUID/GUID для более разборчивого кода. - person TamusJRoyce; 04.05.2019

arrow_upward
1
arrow_downward

Еще один современный ответ на старый вопрос: взгляните на FracturedJson. Эта ссылка приведет вас к веб-версии, но она доступна в виде приложения командной строки и библиотек для .NET и JS.

FracturedJson будет встраивать массивы/объекты, если они не слишком длинные и не слишком сложные. Он также может разбивать массивы на несколько строк с несколькими элементами в строке.

Вот пример с настройками по умолчанию, но вы можете настроить их так, чтобы они лучше всего подходили для ваших данных.

{
    "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]
    ]
}

Раскрытие информации: я автор FracturedJson. Это открытый исходный код под лицензией MIT.

person j-brooke    schedule 08.11.2020
comment
Я думаю, что это лучшее решение. Благодарность!! - person philo; 14.06.2021

arrow_upward
0
arrow_downward

Вот решение, которое я разработал, которое может быть полезно в качестве основы для чего-то подобного:

function labTab(ind){
    var tab,com,a;
    tab = "\t";
    com = [];
    for(a = 0; a < ind; a+=1){
        com.push(tab)
    }
    return com.join("");
}

function nsetEntry(tab,o,obj){
    return tab + '"'+ o + '":' + JSON.stringify(obj[o]);
}

function nsetObject(tab,o,obj,arr,ind){
    var start;
    start = tab + '"'+ o + '":{'; 
    return [start,nsetConstructor(obj[o],arr,ind)].join("\n") + "\n" + tab +"}"; 
}

function nsetConstructor(obj,arr,ind){
    var narr,tab,o,entry;
    narr = [];
    ind += 1;
    tab = labTab(ind);
    for(o in obj){
        if(obj[o].constructor === Object){
            entry = nsetObject(tab,o,obj,arr,ind);
            narr.push(entry); 
        }
        else{
            entry = nsetEntry(tab,o,obj);
            narr.push(entry);
        }
    }
    return narr.join(",\n");
}

function nsetLevels(obj,arr,ind){
    var o,start,tab;
    tab = labTab(ind);
    for(o in obj){
        if(obj[o].constructor === Object){
            entry = nsetObject(tab,o,obj,arr,ind);
            arr.push(entry); 
        }
        else{
            entry = nsetEntry(tab,o,obj);   
            arr.push(entry);
        }
    }
        return arr.join(",\n");
}

function nsetSave(){
    var json,o,ind,tab,obj,start,head,tail;
    json = [];
    for(o in nset){
        ind = 1;
        tab = labTab(ind);
        start = tab + '"'+ o + '":{';
        ind = 2;
        tab = labTab(ind);
        obj = nset[o];
        json.push([start,nsetLevels(obj,[],ind)].join("\n"))
    }
    head = "{\n";
    tail = "\n\t}\n}"
    FW.Write([head,json.join("\n\t},\n"),tail].join(""),"xset.json")
}

Я не мог понять, как сделать замену, так как некоторые участники опускались на пять уровней, поэтому я воссоздал все это целиком. Решение не такое уж и горячее, но я получил то, чего хотел - пример ниже:

    "Key":{
        "Label":{
            "Change":["Input"],
            "Repeat":{
                "Name":[["Top_level","All"],[[1,1]]],
                "Link":[["Top_level"],[[1,1]]]
            },
            "Delete":["Confirm","Cancel"],
            "Move":["Up","Down"],
            "Number":["Ascending","Descending"]
        },
        "Class":{
            "Change":["Input"]
        },
person Chris Glasier    schedule 10.08.2011

arrow_upward
0
arrow_downward

Я использую формат JSON для файлов конфигурации моего приложения. Они довольно разные и достаточно большие, поэтому требуются разные правила форматирования, чтобы они выглядели лучше и читабельнее. К сожалению, предоставленные ответы недостаточно гибкие, поэтому я сделал свою собственную реализацию под названием perfect-json для украшения JSON.

Учтите, что вы хотите отформатировать объект в вопросе следующим образом:

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

С perfect-json можно добиться:

import perfectJson from 'perfect-json';

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

console.log(perfectJson(obj, {
  singleLine: ({ key, path, depth }) => {
    if (['Delete', 'Move'].includes(key)) {
      return true;
    }
    if (depth >= 3 && ['Name', 'Link'].includes(path[1])) {
      return true;
    }
    return false;
  }
}));

Также легко разместить каждый массив в одной строке, как указано в вопросе:

console.log(perfectJson(obj, {
  indent: 4,
  singleLine: ({ value }) => Array.isArray(value)
}));
person ezze    schedule 27.07.2021
comment
Как раз к десятой годовщине вопроса. Дайте мне время впитать его; Я уверен, что это заслуживает плюса. - person Chris Glasier; 27.07.2021