JavaScript で配列を JSON に変換する

このチュートリアルでは、JavaScript の JSON.stringify() 関数を使用して配列を JSON に変換する方法について説明します。

JavaScript の JSON.stringify() 関数を使用して配列を JSON に変換する

サーバーとのデータの送受信には JSON を使用しており、データは文字列形式である必要があります。JSON.stringify() 関数を使用して、JavaScript 配列を JSON に変換できます。たとえば、文字列配列を作成し、JSON.stringify() 関数を使用して JSON に変換してみましょう。以下のコードを参照してください。

const MyArray = ['Banana', 'Apple'];
const JsonArray = JSON.stringify(MyArray);
console.log(JsonArray)

出力：

["Banana","Apple"]

配列を JSON に変換した後、問題なくサーバーに送信できます。JavaScript の JSON.stringify() 関数を使用して、複数のプロパティを含むオブジェクトを JSON に変換することもできます。たとえば、JavaScript の JSON.stringify() 関数を使用して、さまざまなプロパティを持つオブジェクトを作成し、それを JSON に変換してみましょう。以下のコードを参照してください。

const MyObject = {
  name: 'Sara',
  age: 22
};
const Json = JSON.stringify(MyObject);
console.log(Json)

出力：

{"name":"Sara","age":22}

日付関数を含むオブジェクトをサーバーに送信する場合は、JSON.stringify() 関数を使用できますが、文字列に変換することもできます。したがって、その文字列をレシーバーで日付オブジェクトに変換する必要があります。たとえば、日付オブジェクトを JSON.stringify() 関数に渡して結果を確認してみましょう。以下のコードを参照してください。

const MyObject = {
  name: 'Sara',
  date: new Date()
};
const Json = JSON.stringify(MyObject);
console.log(Json)

出力：

{"name":"Sara","date":"2021-07-17T02:50:10.568Z"}

出力からわかるように、日付も文字列に変換されています。関数を含むオブジェクトまたは配列を変換する場合、JSON.stringify() 関数は関数を削除します。したがって、オブジェクトまたは配列を JSON に変換する前に、関数を文字列に変換する必要があります。レシーバーで、関数に復元できます。たとえば、JSON.stingify() 関数を使用して、関数を含むオブジェクトを JSON に変換してみましょう。以下のコードを参照してください。

const MyObject = {
  name: 'Sara',
  age: function result() {
    return 22;
  }
};
MyObject.age = MyObject.age.toString();
const Json = JSON.stringify(MyObject);
console.log(Json)

出力：

{"name":"Sara","age":"function result() {return 22;}"}

上記のコードでは、toString() 関数を使用して関数を文字列に変換してから、JSON.stringify() 関数を使用してオブジェクトを JSON に変換しました。eval() 関数を使用して関数を復元できます。