Как преобразовать массив в JSON в JavaScript

Узнайте, как преобразовать массив в JSON в JavaScript, в этом пошаговом руководстве. Мы рассмотрим различные способы преобразования массива в JSON, в том числе с использованием встроенного метода JSON.stringify(). Это руководство идеально подходит для новичков, которые хотят научиться работать с массивами и JSON в JavaScript.

Что такое JSON?

JSON означает нотацию объектов JavaScript. JSON — это чрезвычайно легкий формат обмена данными между серверной и клиентской сторонами, который можно быстро и легко анализировать и генерировать.

1. Преобразование массива в объект JSON JavaScript.

Вы можете использовать JSON.stringify для преобразования массива в строку в формате JSON в JavaScript.

Предположим, существует массив типа «[6, 7, 8, 9]». Если вы хотите преобразовать этот массив в объект JSON в javascript. Давайте посмотрим пример ниже

    var arr = [5, 6, 7, 8]; 
    var arrayToString = JSON.stringify(Object.assign({}, arr));  // convert array to string
    var stringToJsonObject = JSON.parse(arrayToString);  // convert string to json object
    
    console.log(stringToJsonObject);

Выход :

  {
       "0": 5,
       "1": 6,
       "2": 7,
       "2": 8
   }

• 1. Методы JSON.stringify() и Object.assign() преобразуют массив в строку JSON.
• 2. Метод JSON.parse() преобразует строку в объект JSON в javascript.

2. Преобразование объекта в массив

При преобразовании объекта в массив мы будем использовать метод .entries() из класса Object . Это преобразует наш объект в массив массивов. Каждый вложенный массив представляет собой список из двух значений, где первый элемент является ключом, а второй элемент – значением.

const obj = {"1":5,"2":7,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0};
console.log(Object.entries(obj));

3. Преобразование двумерных (2d) массивов в объект JSON JavaScript.

Предположим, существует такой массив, как

var arr = [
    ["Status", "Name", "Marks", "Position"], 
    ["active", "Akash", 10.0, "Web Developer"],
    ["active", "Vikash", 10.0, "Front-end-dev"],
    ["deactive", "Manish", 10.0, "designer"],
    ["active", "Kapil", 10.0, "JavaScript developer"],
    ["active", "Manoj", 10.0, "Angular developer"],
];

Если вы хотите преобразовать этот массив в объект JSON в javascript. Давайте посмотрим пример ниже:

//array.
var arr = [
    ["Status", "Name", "Marks", "Position"], 
    ["active", "Akash", 10.0, "Web Developer"],
    ["active", "Vikash", 10.0, "Front-end-dev"],
    ["deactive", "Manish", 10.0, "designer"],
    ["active", "Kapil", 10.0, "JavaScript developer"],
    ["active", "Manoj", 10.0, "Angular developer"],
];
 
//javascript create JSON object from two dimensional Array
function arrayToJSONObject (arr){
    //header
    var keys = arr[0];
 
    //vacate keys from main array
    var newArr = arr.slice(1, arr.length);
 
    var formatted = [],
    data = newArr,
    cols = keys,
    l = cols.length;
    for (var i=0; i<data.length; i++) {
            var d = data[i],
                    o = {};
            for (var j=0; j<l; j++)
                    o[cols[j]] = d[j];
            formatted.push(o);
    }
    return formatted;
}