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

4 года назад

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

Присоединяйтесь к нашему Telegram-сообществу

Ответы

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

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

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

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

10 месяцев

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

Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API

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