Прийнята відповідь мені не працює для вкладених об’єктів з якихось причин. Це змусило мене створити власний код. Оскільки пізніше 2019 року, коли я пишу це, у мові є ще кілька варіантів.
Оновлення: Я вважаю , що відповідь Девіда Ферлонга є кращим підходом до моєї попередньої спроби, і я відмовився від цього. Mine покладається на підтримку Object.entries (...), тож підтримка Internet Explorer не підтримується.
function normalize(sortingFunction) {
return function(key, value) {
if (typeof value === 'object' && !Array.isArray(value)) {
return Object
.entries(value)
.sort(sortingFunction || undefined)
.reduce((acc, entry) => {
acc[entry[0]] = entry[1];
return acc;
}, {});
}
return value;
}
}
JSON.stringify(obj, normalize(), 2);
-
ЗБЕРЕГАЮЧИ ЦЮ СТАРШУ ВЕРСІЮ ДЛЯ ІСТОРИЧНОЇ ДОВІДКИ
Я виявив, що простий, плоский масив усіх ключів в об’єкті буде працювати. Майже у всіх браузерах (не передбачено Edge чи Internet Explorer, як передбачається) та Node 12+ існує досить коротке рішення, що тепер доступний Array.prototype.flatMap (...) . (Еквівалент lodash також би працював.) Я тестував лише в Safari, Chrome та Firefox, але я не бачу причин, чому б це не працювало деінде, що підтримує flatMap та стандартний JSON.stringify (...) .
function flattenEntries([key, value]) {
return (typeof value !== 'object')
? [ [ key, value ] ]
: [ [ key, value ], ...Object.entries(value).flatMap(flattenEntries) ];
}
function sortedStringify(obj, sorter, indent = 2) {
const allEntries = Object.entries(obj).flatMap(flattenEntries);
const sorted = allEntries.sort(sorter || undefined).map(entry => entry[0]);
return JSON.stringify(obj, sorted, indent);
}
Завдяки цьому ви можете строгіфікувати без залежностей від сторонніх розробників і навіть передати власний алгоритм сортування, який сортує за парами введення ключ-значення, так що ви можете сортувати за ключем, корисним навантаженням або їх комбінацією. Працює для вкладених об'єктів, масивів та будь-якої суміші простих старих типів даних.
const obj = {
"c": {
"z": 4,
"x": 3,
"y": [
2048,
1999,
{
"x": false,
"g": "help",
"f": 5
}
]
},
"a": 2,
"b": 1
};
console.log(sortedStringify(obj, null, 2));
Друк:
{
"a": 2,
"b": 1,
"c": {
"x": 3,
"y": [
2048,
1999,
{
"f": 5,
"g": "help",
"x": false
}
],
"z": 4
}
}
Якщо ви повинні мати сумісність зі старими движками JavaScript , ви можете використовувати ці дещо детальніші версії, які імітують поведінку flatMap. Клієнт повинен підтримувати принаймні ES5, тому Internet Explorer 8 або нижче.
Вони повернуть той самий результат, що і вище.
function flattenEntries([key, value]) {
if (typeof value !== 'object') {
return [ [ key, value ] ];
}
const nestedEntries = Object
.entries(value)
.map(flattenEntries)
.reduce((acc, arr) => acc.concat(arr), []);
nestedEntries.unshift([ key, value ]);
return nestedEntries;
}
function sortedStringify(obj, sorter, indent = 2) {
const sortedKeys = Object
.entries(obj)
.map(flattenEntries)
.reduce((acc, arr) => acc.concat(arr), [])
.sort(sorter || undefined)
.map(entry => entry[0]);
return JSON.stringify(obj, sortedKeys, indent);
}