宇野  和也

宇野 和也

1634157600

JavaScriptで配列をJSONオブジェクトに変換します

このチュートリアルでは、JavaScriptで配列をJSONオブジェクトに変換する方法を学習します。

JSONとは何ですか?

JSONはJavaScriptオブジェクト表記を意味します。JSONは、サーバー側とクライアント側の間でデータ交換を行うための非常に軽量なデータ交換形式であり、すばやく簡単に解析および生成できます。

配列をJSONオブジェクトJavaScriptに変換する

  • 1.配列をJSONオブジェクトJavaScriptに変換します
  • 2.オブジェクトを配列に変換する
  • 3. 2次元(2d)配列をJSONオブジェクトJavaScriptに変換します

1.配列をJSONオブジェクトJavaScriptに変換します

JSON.stringifyを使用して、JavaScriptで配列をJSON形式の文字列に変換できます。

「[1、2、3、4]」のような配列があるとします。この配列をJavaScriptでJSONオブジェクトに変換する場合。以下の例を見てみましょう

元:-

var array = [1, 2, 3, 4]; 
var arrayToString = JSON.stringify(Object.assign({}, array));  // convert array to string
var stringToJsonObject = JSON.parse(arrayToString);  // convert string to json object
 
console.log(stringToJsonObject);

 ここ、

  • 1.JSON.stringify()およびObject.assign()メソッドは、配列をJSON文字列に変換します。
  • 2.JSON.parse()メソッドは、JavaScriptで文字列をJSONオブジェクトに変換します。

2.オブジェクトを配列に変換する

オブジェクトを配列に変換するとき.entries() は、Object クラスのメソッドを 使用します 。これにより、オブジェクトが配列の配列に変換されます。ネストされた各配列は2つの値のリストであり、最初の項目がキーで、2番目の項目が値です。

元:-

var object = {
   "first_name": "Test",
   "last_name": "Test",
   "email": "test@gmail.com"
}
var arr = Object.entries(object);
 
console.log(arr);

2次元(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"],
];

この配列をJavaScriptでJSONオブジェクトに変換する場合。以下の例を見てみましょう:

元:-

//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;
}

#javascript #json 

リンク: https://www.tutsmake.com/convert-array-to-json-object-javascript/

 

What is GEEK

Buddha Community

JavaScriptで配列をJSONオブジェクトに変換します
宇野  和也

宇野 和也

1634157600

JavaScriptで配列をJSONオブジェクトに変換します

このチュートリアルでは、JavaScriptで配列をJSONオブジェクトに変換する方法を学習します。

JSONとは何ですか?

JSONはJavaScriptオブジェクト表記を意味します。JSONは、サーバー側とクライアント側の間でデータ交換を行うための非常に軽量なデータ交換形式であり、すばやく簡単に解析および生成できます。

配列をJSONオブジェクトJavaScriptに変換する

  • 1.配列をJSONオブジェクトJavaScriptに変換します
  • 2.オブジェクトを配列に変換する
  • 3. 2次元(2d)配列をJSONオブジェクトJavaScriptに変換します

1.配列をJSONオブジェクトJavaScriptに変換します

JSON.stringifyを使用して、JavaScriptで配列をJSON形式の文字列に変換できます。

「[1、2、3、4]」のような配列があるとします。この配列をJavaScriptでJSONオブジェクトに変換する場合。以下の例を見てみましょう

元:-

var array = [1, 2, 3, 4]; 
var arrayToString = JSON.stringify(Object.assign({}, array));  // convert array to string
var stringToJsonObject = JSON.parse(arrayToString);  // convert string to json object
 
console.log(stringToJsonObject);

 ここ、

  • 1.JSON.stringify()およびObject.assign()メソッドは、配列をJSON文字列に変換します。
  • 2.JSON.parse()メソッドは、JavaScriptで文字列をJSONオブジェクトに変換します。

2.オブジェクトを配列に変換する

オブジェクトを配列に変換するとき.entries() は、Object クラスのメソッドを 使用します 。これにより、オブジェクトが配列の配列に変換されます。ネストされた各配列は2つの値のリストであり、最初の項目がキーで、2番目の項目が値です。

元:-

var object = {
   "first_name": "Test",
   "last_name": "Test",
   "email": "test@gmail.com"
}
var arr = Object.entries(object);
 
console.log(arr);

2次元(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"],
];

この配列をJavaScriptでJSONオブジェクトに変換する場合。以下の例を見てみましょう:

元:-

//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;
}

#javascript #json 

リンク: https://www.tutsmake.com/convert-array-to-json-object-javascript/