Frontender Libs - обзор библиотек JS / CSS

JSON.parse() и JSON.stringify()

нужны для преобразования json строки в объект и наоборот



Например, нам нужно сохранить данные в localStorage:



const object = {id: 1};

const string = JSON.stringify(object);

localStorage.setItem(key, string);

const data = localStorage.getItem(key);

const retrieved = JSON.parse(string);

// retrieved содержит объект {id: 1}



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



const userStr = JSON.stringify({

id: 1,

name: 'John',

friends: [

{id: 2, name: 'Maria'},

{id: 3, name: 'Peter'}

]

});

const clone = JSON.parse(userStr,

(key, value) => {

if (typeof value === 'string') {

return value.toUpperCase();

}

return value;

});

console.log(clone);

// {

// id: 1,

// name: "JOHN",

// friends: [

// {id: 2, name: "MARIA"},

// {id: 3, name: "PETER"}

// ]

// }