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

Аватар пользователя Виктория Аблаева
Виктория Аблаева
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
//-/--/-}
//-/-}
//]

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

1 0
Аватар пользователя 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]
0 0

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию в Хекслете

Программирование

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Тест-драйв

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

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

Верстка

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

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

Бесплатные курсы

Бесплатные курсы по тестированию, дата-аналитике, верстке, программированию на Python, Java, PHP и JavaScript.

Фреймворки

Базы данных