Узнайте, как преобразовать массив в JSON в JavaScript, в этом пошаговом руководстве. Мы рассмотрим различные способы преобразования массива в JSON, в том числе с использованием встроенного метода JSON.stringify(). Это руководство идеально подходит для новичков, которые хотят научиться работать с массивами и JSON в JavaScript.
JSON означает нотацию объектов JavaScript. JSON — это чрезвычайно легкий формат обмена данными между серверной и клиентской сторонами, который можно быстро и легко анализировать и генерировать.
Вы можете использовать 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
}
При преобразовании объекта в массив мы будем использовать метод .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));
Предположим, существует такой массив, как
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;
}