MySql と JavaScript: JSON データを処理する方法

インターネット技術の継続的な発展に伴い、JSON (JavaScript Object Notation) 形式のデータがますます一般的になってきています。 Web アプリケーションでは、多くの場合、JSON データをデータベースに保存し、JavaScript を使用してデータベースからデータを抽出し、Web ページに表示する必要があります。ただし、特に MySQL と JavaScript でこの JSON データを処理する方法は、混乱することがよくあります。

この記事では、MySQL を使用して JSON データを保存する方法や、JavaScript を使用して JSON データをクエリ、更新、表示する方法など、JSON データを処理する方法を読者に紹介します。

MySQL での JSON データ処理

MySQL は、バージョン 5.7.8 以降、JSON データ型をサポートしており、JSON データを処理する非常に便利な方法を提供します。他のデータ型と同様に、JSON データ型を使用してテーブル構造を定義できます。次に例を示します。

CREATE TABLE products (
  id INT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
  name VARCHAR(100) NOT NULL,
  price FLOAT(10,2) NOT NULL,
  category_id INT UNSIGNED NOT NULL,
  details JSON
);

ご覧のとおり、このテーブルには、製品の詳細を格納するために使用される、details という名前の JSON データ型の列があります。 JSON データ型はインデックス付けをサポートしているため、JSON 列を取得して並べ替えることができます。実際のアプリケーションでは、JSON データを保存するためのテーブル構造を必要に応じて調整できます。

MySQL では、JSON_OBJECT() 関数を使用してデータを JSON 形式に変換し、JSON_EXTRACT() 関数を使用して JSON データをクエリできます。たとえば、次はサンプル コードです。

-- 插入 JSON 数据
INSERT INTO products (name, price, category_id, details)
VALUES ('iPhone', 999, 1, 
        JSON_OBJECT('color', 'black',
                    'capacity', '256 GB',
                    'features', JSON_ARRAY('wireless charging', 'face recognition')));

-- 查询 JSON 数据
SELECT * FROM products WHERE JSON_EXTRACT(details, '$.color') = 'black';

-- 更新 JSON 数据
UPDATE products SET details = JSON_SET(details, '$.capacity', '512 GB') WHERE id = 1;

-- 删除 JSON 数据
DELETE FROM products WHERE JSON_EXTRACT(details, '$.features[1]') = 'face recognition';

MySQL では、JSON タイプ固有の操作を使用して、JSON データの追加、削除、変更、クエリなどのデータ操作を実行できます。 JSON 操作の詳細については、MySQL 公式ドキュメントを確認してください。

JavaScript での JSON データ処理

JavaScript での JSON データ処理は、MySQL よりも一般的です。 JSON を JavaScript オブジェクトに解析する方法と、JavaScript オブジェクトを JSON 形式の文字列に変換する方法は、JavaScript での最も基本的な JSON 処理方法です。

たとえば、JSON 文字列から Javascript オブジェクトを解析する方法は次のとおりです:

const jsonString = '{"name":"andy","age":20}';
const jsonObject = JSON.parse(jsonString);
console.log(jsonObject.name); // 输出 andy
console.log(jsonObject.age);  // 输出 20

JavaScript オブジェクトを操作して JSON 形式の文字列に変換する方法は次のとおりです:

const product = {
  name: 'iPhone',
  price: 999,
  category_id: 1,
  details: {
    color: 'black',
    capacity: '256 GB',
    features: ['wireless charging', 'face recognition']
  }
};
const jsonString = JSON.stringify(product);
console.log(jsonString); // 输出 {"name":"iPhone","price":999,"category_id":1,"details":{"color":"black","capacity":"256 GB","features":["wireless charging","face recognition"]}}

この JSON 形式の文字列は、クエリのためにサーバーに渡すことも、フロントエンド インターフェイスでユーザーに表示することもできます。

さらに、一般的な Javascript ライブラリ (jQuery、React など) も、JSON データを処理するための多くの関数とメソッドを提供します。たとえば、jQuery を使用してサーバーに POST リクエストを送信し、JSON データを受信するコードは次のとおりです。

const data = { name: 'andy', age: 20 };
$.post('/api', data, function(response) {
  console.log(response);
}, 'json');

上記のコードは、POST リクエストをサーバー アドレス '/api' に送信し、サーバーへの POST リクエストを介した Javascript オブジェクト データ。受信したサーバー応答は、JSON 形式で解析して使用できる Javascript オブジェクトです。

結論

JSON データの処理は、Web アプリケーションで非常に一般的な操作の 1 つです。この記事では主にMySQLとJavaScriptでJSONデータを処理する方法を紹介します。 MySQL は JSON データ型を使用して JSON データを保存および操作できますが、JavaScript は組み込みの JSON オブジェクトとサードパーティのライブラリを使用して JSON データを解析、変更、表示します。

JSON データを処理する基本的なスキルを習得すると、Web アプリケーションのデータ処理の効率と柔軟性が向上し、ユーザー エクスペリエンスが向上します。

以上がMySql と JavaScript: JSON データを処理する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。