JSON.stringify: как пропустить отступ для одного (или нескольких) объектов

Я хочу сделать отступ для всех объектов, за исключением некоторых конкретных подобъектов.

Это самое близкое, что я получил к решению проблемы. В этом примере я хочу избежать отступов color:

let obj = {
    colorsPerValue: [
        { value: 0.0, color: { r: 240, g: 59, b: 32 } },
        { value: 0.5, color: { r: 255, g: 255, b: 255 } },
        { value: 1.0, color: { r: 44, g: 162, b: 95 } }
    ]
};
let str = JSON.stringify(obj, replacer, 2);
console.log(str);

replacer(name, val) {
    if (name === 'color') {
        return JSON.stringify(val); // stringify with no indentation
    } else {
        return val; // return as is
    }
};

Желаемый результат:

{
    colorsPerValue: [
        { 
            value: 0.0, 
            color: { r: 240, g: 59, b: 32 } 
        },
        { 
            value: 0.5, 
            color: { r: 255, g: 255, b: 255 } 
        },
        { 
            value: 1.0, 
            color: { r: 44, g: 162, b: 95 } 
        }
    ]
}

Фактический результат (как вы уже догадались, return JSON.stringify(val); возвращает сериализованный string что не то что я хотел)

{
  "colorsPerValue": [
    {
      "value": 0,
      "color": "{\"r\":240,\"g\":59,\"b\":32}"
    },
    {
      "value": 0.5,
      "color": "{\"r\":255,\"g\":255,\"b\":255}"
    },
    {
      "value": 1,
      "color": "{\"r\":44,\"g\":162,\"b\":95}"
    }
  ]
}

let obj = {
  colorsPerValue: [
    { value: 0.0, color: { r: 240, g: 59, b: 32   } },
    { value: 0.5, color: { r: 255, g: 255, b: 255 } },
    { value: 1.0, color: { r: 44, g: 162, b: 95   } }
  ]
};
let str = JSON.stringify(obj, replacer, 2);
console.log(str);

function replacer(name, val) {
  if (name === 'color') {
    return JSON.stringify(val); // stringify with no indentation
  } else {
    return val; // return as is
  }
};

1 ответ

Решение

Вы можете убрать все пробелы в фигурных скобках, который начинается с "color":,

var obj = {
        colorsPerValue: [
            { value: 0.0, color: { r: 240, g: 59, b: 32 } },
            { value: 0.5, color: { r: 255, g: 255, b: 255 } },
            { value: 1.0, color: { r: 44, g: 162, b: 95 } }
        ]
    },
    str = JSON
        .stringify(obj, null, 2)
        .replace(/("color": \{)([^}]+)/g, (_, a, b) => a + b.replace(/\s+/g, ' '));

console.log(str);

Другие вопросы по тегам