> 웹 프론트엔드 > JS 튜토리얼 > JavaScript를 사용하여 JSON 데이터를 구문 분석하는 방법은 무엇입니까?

JavaScript를 사용하여 JSON 데이터를 구문 분석하는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-10-16 09:40:45
원래의
1611명이 탐색했습니다.

如何使用 JavaScript 解析JSON数据?

JavaScript를 사용하여 JSON 데이터를 구문 분석하는 방법은 무엇입니까?

네트워크 애플리케이션의 발전과 대중화로 인해 데이터 전송 형식이 점점 더 다양해졌고, 그 중 JSON(JavaScript Object Notation)이 일반적인 데이터 형식이 되었습니다. JavaScript에서는 내장된 JSON 개체를 사용하여 JSON 데이터를 구문 분석하고 조작할 수 있습니다. 이 문서에서는 JavaScript를 사용하여 JSON 데이터를 구문 분석하는 방법을 설명하고 특정 코드 예제를 제공합니다.

  1. JSON의 기본 구조

JSON은 중괄호 {}로 둘러싸인 키-값 쌍으로 구성된 경량 데이터 교환 형식입니다. 키-값 쌍을 구분하려면 쉼표를 사용하세요. 키는 문자열이어야 하며 값은 문자열, 숫자, 부울, 배열, 객체 또는 null일 수 있습니다. 키와 값을 구분하려면 콜론을 사용하세요.

예를 들어 JSON 개체의 예는 다음과 같습니다.

{
  "name": "John",
  "age": 30,
  "isStudent": false,
  "hobbies": ["coding", "reading", "travelling"],
  "address": {
    "street": "123 ABC Street",
    "city": "New York"
  },
  "isNull": null
}
로그인 후 복사
  1. JSON.parse() 메서드를 사용하여 JSON 데이터를 구문 분석합니다.

JavaScript에서는 JSON.parse() 메서드를 사용하여 JSON을 구문 분석할 수 있습니다. 문자열을 JavaScript 객체로 변환합니다. JSON.parse() 메서드는 하나의 인수, 즉 구문 분석할 JSON 문자열을 사용하고 구문 분석된 JavaScript 객체를 반환합니다.

다음은 JSON.parse() 메서드를 사용하여 JSON 데이터를 구문 분석하는 샘플 코드입니다.

const jsonString = '{"name":"John","age":30,"isStudent":false}';
const data = JSON.parse(jsonString);

console.log(data.name); // 输出: John
console.log(data.age); // 输出: 30
console.log(data.isStudent); // 输出: false
로그인 후 복사
  1. JSON.stringify() 메서드를 사용하여 JavaScript 개체를 JSON 문자열로 변환

JSON 데이터 구문 분석 외에도 , JSON을 사용할 수도 있습니다. .stringify() 메서드는 JavaScript 개체를 JSON 문자열로 변환합니다. JSON.stringify() 메서드는 변환할 JavaScript 개체라는 하나의 인수를 사용하고 변환된 JSON 문자열을 반환합니다.

다음은 JSON.stringify() 메서드를 사용하여 JavaScript 개체를 JSON 문자열로 변환하는 샘플 코드입니다.

const data = {
  name: "John",
  age: 30,
  isStudent: false
};

const jsonString = JSON.stringify(data);
console.log(jsonString); // 输出: {"name":"John","age":30,"isStudent":false}
로그인 후 복사
  1. JSON 개체의 배열 및 중첩 개체 조작

JSON 개체에는 배열을 포함할 수 있습니다. 및 중첩된 개체. JavaScript에서는 배열과 객체의 요소에 인덱스나 키로 액세스할 수 있습니다.

다음은 JSON 개체에서 배열 및 중첩 개체를 작동하기 위한 샘플 코드입니다.

const jsonString = '{"name":"John","age":30,"isStudent":false,"hobbies":["coding","reading","travelling"],"address":{"street":"123 ABC Street","city":"New York"}}';
const data = JSON.parse(jsonString);

console.log(data.hobbies[0]); // 输出: coding
console.log(data.address.city); // 输出: New York
로그인 후 복사

요약:

JavaScript를 사용하여 JSON 데이터를 구문 분석하면 JSON 문자열을 JavaScript 개체로 쉽게 변환할 수 있으므로 데이터 처리 및 작업이 쉬워집니다. 간단한 코드 예제를 통해 JSON.parse() 메서드를 사용하여 JSON 데이터를 구문 분석하는 방법과 JSON.stringify() 메서드를 사용하여 JavaScript 개체를 JSON 문자열로 변환하는 방법을 확인할 수 있습니다. 또한 JSON 개체에서 배열과 중첩 개체를 조작하는 방법도 배웠습니다. 이 지식을 익히면 JSON 데이터를 보다 유연하게 처리하고 사용할 수 있어 애플리케이션에 편의성이 높아집니다.

위 내용은 JavaScript를 사용하여 JSON 데이터를 구문 분석하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿