MySql 및 Javascript: JSON 데이터를 처리하는 방법

인터넷 기술의 지속적인 발전으로 JSON(JavaScript Object Notation) 형식의 데이터가 점점 더 보편화되고 있습니다. 웹 애플리케이션에서는 JSON 데이터를 데이터베이스에 저장한 다음 Javascript를 사용하여 데이터베이스에서 데이터를 추출하고 웹 페이지에 표시해야 하는 경우가 많습니다. 그러나 특히 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
);

보시다시피 이 테이블에는 제품 세부 정보를 저장하는 데 사용되는 세부정보라는 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'로 보내고 Javascript 개체 데이터를 전달합니다. POST 요청을 통해 서버에 전달합니다. 수신된 서버 응답은 JSON 형식으로 구문 분석하여 사용할 수 있는 Javascript 객체입니다.

결론

JSON 데이터 처리는 웹 애플리케이션에서 매우 일반적인 작업 중 하나입니다. 본 글에서는 주로 MySQL과 JavaScript에서 JSON 데이터를 처리하는 방법을 소개합니다. MySQL은 JSON 데이터 유형을 사용하여 JSON 데이터를 저장하고 작동할 수 있으며, Javascript는 내장된 JSON 개체와 타사 라이브러리를 사용하여 JSON 데이터를 구문 분석, 수정 및 표시할 수 있습니다.

JSON 데이터 처리의 기본 기술을 익히면 웹 애플리케이션의 데이터 처리가 더욱 효율적이고 유연해지며 더 나은 사용자 경험을 제공할 수 있습니다.

위 내용은 MySql 및 Javascript: JSON 데이터를 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!