Как наиболее эффективно найти и заменить значения в объекте?

Question

[hackuun]

Есть объект с несколькими уровнями вложенности типо

{  
   "social":{  
      "facebook":{  
         "description":"gsdg"
      }
   },
   "tags":[  
      "5b0abc32a5101d3737b66780",
      "5b0abc37a5101d3737b66781",
      "5b0abc3ca5101d3737b66782"
   ],
   "content":[  
      {  
         "text":"sdgfsdfg",
         "textCompiled":"<p>sdgfsdfg</p>\n",
         "image":null
      }
   ],
   "createdAt":"2018-05-30T20:05:04.248Z",
   "updatedAt":"2018-05-30T20:20:55.749Z",
   "_id":"5b0f03f0673efe6da44614c4",
   "title":"One more",
   "description":"sdgdfg",
   "image":null,
   "slug":"one-more",
   "section":"5b0abc01a5101d3737b6677e",
   "__v":0
}

Как найти все значения null и заменить их, пускай пустой строкой?

Answer 1

[Владимир Проскурин]

Опишу примерный алгоритм, а вы попробуйте сами его сделать.
1) Создаем функцию, которая принимает один аргумент - объект.
2) Проходим по корневым свойствам этого объекта в цикле.
3) Делаем проверку, тип текущего значения является null, меняем на пустую строку.
3.1) Если тип является объектом, то передаем этот объект в рекурсию, в эту же функцию, и начинаем с первого шага но уже для этой ветки.
4) возвращаем обработанный объект.

Объект передается по ссылке в рекурсию, поэтому ничего ждать от вызова функции рекурсии не нужно.

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

JSON.parse(data, function (key, value) {return (value == null) ? "" : value})

Тут переданная во втором аргументе функция выполняется для каждой пары ключ-значение, и берет из возвращаемого значения этой функции новое значение.

Comments

[Владимир Проскурин]

hackuun, пардон, я перепутал название функций. Не stringify, а parse. Исправил в ответе.

[hackuun]

Владимир Проскурин,

SyntaxError: Unexpected token o in JSON at position 1

c JSON.parse. Судя по всему axios возвращает даныне в каком-то виде...

[Владимир Проскурин]

hackuun, можно заменить парсер JSON в axio, передав параметр transformResponse

axios.get('data.json', {
  headers: {
    'Content-Type': 'application/json'
  },
  transformResponse: function (req) { // Заменяем парсер на свой
     return JSON.parse(req, function (key, value) {return (value == null) ? "" : value});
  },
}).then(function(res) { /* тут уже имеем обработанный объект в res.data */ });

[hackuun]

Владимир Проскурин, класс, спасибо огромное, это просто мега ответ у вас получился.

Answer 2

[Mr Hobot]

function rec(tree) {
	Object.keys(tree).forEach(i => {
            if(typeof tree[i] === 'object' && tree[i] !== null) {
                rec(tree[i]);
                return;
            }
             if(tree[i] === null) tree[i] = '';
          })
}