JavaScript метод JSON.stringify()

<p>Результат выполнения выводится в консоль.</p>

console.log(JSON.stringify({})) // сериализуем переданное значение
// "{}"

console.log(JSON.stringify({ a: 1, b: 2 })) // сериализуем переданное значение
// "{"a":1,"b":2}"

console.log(JSON.stringify(true)) // сериализуем переданное значение
// "true"

console.log(JSON.stringify('foo')) // сериализуем переданное значение
// ""foo""

console.log(JSON.stringify(['str', true, 500, null])) // сериализуем переданное значение
// "["str",true,500,null]"

console.log(JSON.stringify([NaN, null, Infinity, -Infinity])) // сериализуем переданное значение
// "[null,null,null,null]"

const person = {
    // инициализируем переменную содержащую объект
    id: 500,
    single: false,
    firstName: 'Иван',
    lastName: 'Иванов',
    phoneNumbers: [88000001111, 88000001112],
}
console.log(JSON.stringify(person)) // сериализуем переданное значение
// "{"id":500,"single":false,"firstName":"Иван","lastName":"Иванов","phoneNumbers":[88000001111,88000001112]}"

<p>Результат выполнения выводится в консоль.</p>

// создаем объект и инициализируем переменную этим значением
let myObj = Object.create(null, {
    // объект-прототип соответствует null
    a: {
        // добавляем новое свойство
        value: 1, // указываем значение свойства
    },
    b: {
        // добавляем новое свойство
        value: 2, // указываем значение свойства
        enumerable: true, // указываем, что свойство перечислимо
    },
})

// оба свойства существуют, но перечислимо только b
console.log(Object.getOwnPropertyNames(myObj)) // ["a","b"]
console.log(Object.keys(myObj)) // ["b"]

console.log(JSON.stringify(myObj)) // сериализуем переданное значение
// "{"b":2}"

<p>Результат выполнения выводится в консоль.</p>

// инициализируем переменную содержащую массив
let arr = ['a', 1, true]
arr['something'] = 'zzz' // используем в качестве индекса массива строковое значение и присваиваем значение

// свойство something есть у массива, но не является индексом
console.log(Object.keys(arr)) // ["0","1","2","something"]
console.log(arr.something, arr.length) // zzz 3

console.log(JSON.stringify(arr)) // сериализуем переданное значение
// "["a",1,true]"

<p>Результат выполнения выводится в консоль.</p>

console.log(JSON.stringify([new Number(1), new String('some string'), new Boolean(true)])) // сериализуем переданное значение
// "[1,"some string",true]"

console.log(JSON.stringify(new Date('2019-07-07T00:00:00.000Z'))) // сериализуем переданное значение
// ""2019-07-07T00:00:00.000Z""

console.log(JSON.stringify(['str', 10, function () {}, undefined, () => {}])) // сериализуем переданное значение
// "["str",10,null,null,null]"

console.log(JSON.stringify(function () {})) // сериализуем переданное значение
// undefined

console.log(JSON.stringify(undefined)) // сериализуем переданное значение
// undefined

// Стандартные структуры данных
console.log(JSON.stringify([new Set([1]), new Map([[2, 3]]), new WeakSet([{ a: 14 }]), new WeakMap([[{ a: 5 }, 6]])])) // сериализуем переданное значение
// "[{},{},{},{}]"

// Типизированные массивы
console.log(JSON.stringify([new Int8Array([1]), new Int16Array([2]), new Int32Array([3])])) // сериализуем переданное значение
// "[{"0":1},{"0":2},{"0":3}]"

console.log(
    JSON.stringify([new Uint8Array([1]), new Uint8ClampedArray([2]), new Uint16Array([3]), new Uint32Array([4])])
) // сериализуем переданное значение
// "[{"0":1},{"0":2},{"0":3},{"0":4}]"

console.log(JSON.stringify([new Float32Array([1]), new Float64Array([2])])) // сериализуем переданное значение
// "[{"0":1},{"0":2}]"

<p>Результат выполнения выводится в консоль.</p>

console.log(JSON.stringify({ a: [Symbol('a'), Symbol('b')] })) // сериализуем переданное значение
// "{"a":[null,null]}"

console.log(JSON.stringify({ a: 1, b: 2, c: Symbol('') })) // сериализуем переданное значение
// "{"a":1,"b":2}"

console.log(JSON.stringify({ [Symbol('a')]: 'a' })) // сериализуем переданное значение
// "{}"

console.log(JSON.stringify({ [Symbol.for('a')]: 'a' }, [Symbol.for('b')])) // сериализуем переданное значение
// "{}"

console.log(
    JSON.stringify({ [Symbol.for('c')]: 'c' }, function (k, v) {
        // сериализуем переданное значение с переданной функцией
        if (typeof k === 'symbol') {
            return 'a symbol'
        }
        return v // Сохраняем корень; символьный ключ не попадёт в replacer.
    })
)
// "{}"

<p>Результат выполнения выводится в консоль.</p>

// возвращаем произведение свойств этого объекта
console.log(
    JSON.stringify({
        a: 2,
        b: 5,
        toJSON() {
            return this.a * this.b
        },
    })
)
// "10"

// возвращаем объект без изменений
console.log(
    JSON.stringify({
        first: 1,
        second: 2,
        toJSON() {
            return this
        },
    })
)
// "{"first":1,"second":2}"

<p>Результат выполнения выводится в консоль.</p>

// использование массива для фильтрации
console.log(
    JSON.stringify(
        [
            { id: 100, name: 'Vasya' },
            { id: 200, name: 'Dima' },
        ],
        ['id']
    )
) // сериализуем переданное значение (выбираем только ключи id)
// "[{"id":100},{"id":200}]"

// использование массива для фильтрации
console.log(
    JSON.stringify(
        [
            { id: 100, name: 'Vasya' },
            { id: 200, name: 'Dima' },
        ],
        ['name']
    )
) // сериализуем переданное значение (выбираем только ключи name)
// "[{"name":"Vasya"},{"name":"Dima"}]"

// использование фильтрующей функции
function replacer(key, val) {
    if (key === 'a' || key === 'd') {
        // если ключ содержит значение "a" или "d"
        return undefined // то исключаем из выборки
    }
    return val // возвращаем значение
}
console.log(JSON.stringify({ a: 1, b: 2, c: 3, d: 4 }, replacer)) // сериализуем переданное значение с фильтрующей функцией
// "{"b":2,"c":3}"

// использование фильтрующей функции
function replacer2(key, val) {
    if (typeof val === 'number') {
        // если значение является числом
        return val < 4 ? val : undefined // если число меньше 4, то добавляем, если нет то исключаем
    }
    if (typeof val === 'string') {
        // если значение является строкой
        return 'it`s a string!!!' // возвращаем новое строковое значение
    }
    return val // возвращаем значение
}
console.log(JSON.stringify({ a: 1, b: 2, c: { d: 3, e: 4, f: 'str' }, g: 'str' }, replacer2)) // сериализуем переданное значение с фильтрующей функцией
// "{"a":1,"b":2,"c":{"d":3,"f":"it`s a string!!!"},"g":"it`s a string!!!"}"

// Пропуск значения в массиве сохраняет позицию в виде null.
console.log(JSON.stringify([1, 2], (key, value) => (value === 2 ? undefined : value)))
// BigInt и циклическая ссылка требуют явного преобразования.
const cyclic = {}
cyclic.self = cyclic
for (const value of [1n, cyclic]) {
    try {
        console.log(JSON.stringify(value))
    } catch (error) {
        console.log(error.name)
    }
}

<p>Результат выполнения выводится в консоль.</p>

const object = { a: 1, b: false, c: '3' }
console.log(JSON.stringify(object, null, 2)) // Отступ в два пробела.
console.log(JSON.stringify(object, null, '\t')) // Табуляция.

<p>Результат выполнения выводится в консоль.</p>

// инициализируем переменную, содержащую объект
let obj = {
    a: 1,
    b: {
        c: 2,
    },
}

// осуществляем глубокое копирование объекта и инициализируем переменную
let newObj = JSON.parse(JSON.stringify(obj))
console.log(newObj) // переменная содержит значение { a: 1, b: { c: 2} }

obj.b.c = 200 // изменяем значение свойства объекта obj
console.log(obj) // переменная содержит значение { a: 1, b: { c: 200} }
console.log(newObj) // переменная содержит значение { a: 1, b: { c: 2} }