JavaScript が文字列を JSON 形式に変換する方法について説明します。

JavaScript の

JSON (JavaScript Object Notation) は、軽量のデータ交換形式です。多くのシナリオでは、その後のデータ処理やデータ送信を容易にするために、文字列を JSON 形式に変換する必要があります。この記事では、JavaScript を使用して文字列を JSON に変換する方法と応用について説明します。

1. JSON の基本形式

文字列を JSON に変換する方法を学ぶ前に、まず JSON の基本形式を理解する必要があります。 JSON データは 1 つ以上のキーと値のペアで構成されます。キー名とキー値はコロンで区切られます。異なるキーと値のペアはカンマで区切られます。キー名とキー値は両方とも二重引用符で囲む必要があります。 JSON オブジェクトの基本的な形式は次のとおりです。

{
  "name": "张三",
  "age": 18,
  "gender": "男"
}

2. JSON オブジェクトの作成

JavaScript では、オブジェクト リテラルを使用して JSON オブジェクトを作成できます。例:

var json = {
  "name": "张三",
  "age": 18,
  "gender": "男"
}

JSON.parse() メソッドを使用して文字列を JSON オブジェクトに変換することもできます。例:

var str = '{"name": "张三", "age": 18, "gender": "男"}';
var json = JSON.parse(str);

3. 文字列を JSON に変換する

実際の開発では、データ処理のために文字列を JSON に変換する必要があることがよくあります。 JavaScript では、JSON.parse() メソッドを通じて JSON 文字列を JSON オブジェクトに変換でき、JSON.stringify() メソッドを通じて JSON オブジェクトを JSON 文字列に変換できます。以下では、これら 2 つの方法の使用方法をそれぞれ紹介します。

1. JSON.parse() メソッド

JSON.parse() メソッドは、JSON 文字列を解析し、JavaScript オブジェクトに変換するために使用されます。その構文は次のとおりです。

JSON.parse(text [, reviver] )

このうち、text パラメータは必須であり、JSON 形式の文字列です。 reviver パラメーターはオプションです。JSON 値、日付、正規表現、その他の特別な形式を変換する必要がある場合は、reviver 関数を使用して解析し、変換する必要があります。以下は、JSON.parse() メソッドを使用して JSON データを JavaScript オブジェクトに変換する基本的な例です。

var str = '{"name": "张三", "age": 18, "gender": "男"}';
var json = JSON.parse(str);

alert(json.name); // 张三

上記のコードでは、最初に JSON 形式の文字列を定義し、JSON.parse() を使用します。それを JavaScript オブジェクトに解析します。その後、通常の JavaScript オブジェクトを操作するのと同じように、ドットまたは括弧を使用して JSON オブジェクトのプロパティにアクセスできます。

2. JSON.stringify() メソッド

JSON.stringify() メソッドは、JavaScript オブジェクトを JSON 文字列に変換するために使用されます。その構文は次のとおりです。

JSON.stringify(value [, replacer [, space]] )

このうち、value パラメータは必須であり、JavaScript オブジェクトです。 replacer パラメータはオプションで、オブジェクト内のプロパティをフィルタリングするために使用される配列または関数にすることができます。 space パラメータもオプションであり、出力の形式とインデントを定義するために使用されます。以下は、JSON.stringify() メソッドを使用して JavaScript オブジェクトを JSON 文字列に変換する基本的な例です。

var json = {
  "name": "张三",
  "age": 18,
  "gender": "男"
};
var str = JSON.stringify(json);
alert(str); // {"name":"张三","age":18,"gender":"男"}

上記のコードでは、まず JavaScript オブジェクトを定義し、JSON.stringify() を使用します。変換するには JSON 形式の文字列に変換します。その後、JSON 文字列をサーバーに転送したり、ローカル ファイルに保存したりできます。

4. アプリケーション シナリオ

実際の開発では、文字列を JSON に変換する多くのアプリケーション シナリオがあります。例:

1. サーバーからの JSON データの取得

Web アプリケーションでは、サーバーから JSON 形式でデータを取得する必要があることがよくあります。 AJAX テクノロジを使用してサーバー応答データを文字列形式で取得し、JSON.parse() メソッドを使用してそれを JavaScript オブジェクトに変換できます。

2. フォーム データの処理

ユーザーがフォーム データを送信すると、通常、フォーム データは JSON 形式の文字列にカプセル化され、サーバーに送信されます。 JSON.parse() メソッドを使用してこの文字列を JavaScript オブジェクトに変換し、フォーム データを処理できます。

3. データをローカルに保存する

HTML5 の localStorage または sessionStorage を使用して、JavaScript オブジェクトを JSON 文字列に変換し、次回使用する転送のためにローカル ストレージに保存できます。

概要

この記事では、JavaScript で文字列を JSON に変換する方法とそのアプリケーション シナリオについて説明します。 JSON.parse() メソッドを使用して JSON 文字列を JavaScript オブジェクトに変換し、JSON.stringify() メソッドを使用して JavaScript オブジェクトを JSON 文字列に変換します。実際の開発では、データ処理、フォームデータの送信、ローカルデータの保存などにこれらのメソッドを使用できます。

以上がJavaScript が文字列を JSON 形式に変換する方法について説明します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。