BLACK FRIDAY

остался 1 день

Скидка 10% и подарок на выбор — при покупке одной программы
При покупке двух программ  — вторая со скидкой 50%

Как в js преобразовать массив в json

Ответы
Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
30 ноября 2021

Чтобы преобразовать массив в строку JSON, можно воспользоваться методом JSON.stringify():

const numbers = [ 1, 2, 3, 4, 5];
const result = JSON.stringify(numbers);
console.log(result); // => [1,2,3,4,5]
Аватар пользователя Виктория Аблаева
Виктория Аблаева
23 октября 2022

В дополнение к ответу выше хочется упомянуть о дополнительных возможностях метода JSON.stringify():
Перейдем сразу к примеру:

//Дан массив объектов с вложенной структурой
const users = [
    {
        name: 'Karina',
        password: 'qwerty',
        info: {
          age: 25,
          children: true,
        },
    },
    {
        name: 'Mark',
        login: 'alice',
        info: {
          age: 27,
          children: false,
        },
    },
];
console.log(JSON.stringify(users));
//Если воспользоваться стандартным способом, то вывод в консоли будет следующий:
// => [{"name":"Karina","password":"qwerty","info":{"age":25,"children":true}},  
//{"name":"Mark","login":"alice","info":{"age":27,"children":false}}]

Согласитесь, что этот способ не очень читаемый.
Если мы передадим третьим параметром число или символ, то он сможет использоваться
для управления интервалом в конечной строке.

console.log(JSON.stringify(users, null, 2));
// => 
//[
// {
//    "name": "Karina",
//    "password": "qwerty",
//    "info": {
//      "age": 25,
//      "children": true
//    }
//  },
//  {
//    "name": "Mark",
//    "login": "alice",
//    "info": {
//      "age": 27,
//      "children": false
//    }
//  }
//]

Теперь вывод в консоли стал более читаем. Также третьим параметром можно передать и символы.
Посмотрим, как это будет выглядеть:

console.log(JSON.stringify(users, null, '-/-'));
// =>
//[
//-/-{
//-/--/-"name": "Karina",
//-/--/-"password": "qwerty",
//-/--/-"info": {
//-/--/--/-"age": 25,
//-/--/--/-"children": true
//-/--/-}
//-/-},
//-/-{
//-/--/-"name": "Mark",
//-/--/-"login": "alice",
//-/--/-"info": {
//-/--/--/-"age": 27,
//-/--/--/-"children": false
//-/--/-}
//-/-}
//]

Возможно, эти способы окажутся для вас полезными.

Добавьте ваш ответ

Рекомендуемые курсы

полифиллы
AJAX
события
селекторы
20 часов
Посмотреть
состояние
JSX
компоненты
производительность
26 часов
Посмотреть
промисы
event loop
обработка ошибок
таймеры
18 часов
Посмотреть