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

4 года назад

Человек-Молекула

Ответы

В дополнение к ответу выше хочется упомянуть о дополнительных возможностях метода 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
//-/--/-}
//-/-}
//]

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

3 года назад

Виктория Аблаева

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

const numbers = [ 1, 2, 3, 4, 5];
const result = JSON.stringify(numbers);
console.log(result); // => [1,2,3,4,5]

4 года назад

Ivan Gagarinov

10 месяцев·С нуля

Node.js-разработчик

Изучите JavaScript, Node.js, Fastify и REST API

Посмотреть →

10 месяцев·С нуля

Фронтенд-разработчик

Изучите HTML, CSS, JavaScript и React

Посмотреть →

2 месяца·Для продвинутых

ООП на Javascript

Изучите архитектуру и принципы чистого кода на JS

Посмотреть →

1 месяц·Для продвинутых

Асинхронное программирование на JS

Навык работы с асинхронностью в JS

Посмотреть →

1 месяц·Для продвинутых

СИКП на JS

Навык фундаментального программирования

Посмотреть →

Каталог

Полный список доступных курсов по разным направлениям

Похожие вопросы

Курсы по веб-разработке

Посмотреть →

support@hexlet.io

t.me/hexlet_help_bot

EN KZ

+7 800 100 22 47

бесплатно по РФ

+7 495 085 21 62

бесплатно по Москве

Правовая информация Оферта Лицензия Контакты

ООО «Хекслет Рус»

108813 г. Москва, вн.тер.г. поселение Московский,

г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3

ОГРН 1217300010476

ИНН 7325174845

АНО ДПО «Учебный центр Хекслет»