JS가 JSON을 작동하는 방법은 무엇입니까?

이번에는 JS에서 JSON을 운용하는 방법과 JS에서 JSON을 운용하는 주의사항을 소개하겠습니다. 다음은 실제 사례입니다.

1. 개요

JSON(JavaScript Object 표기법)은 경량 데이터 교환 형식입니다. 동시에 JSON은 JavaScript 기본 형식이므로 JSON 데이터를 다음 형식으로 처리할 필요가 없습니다. JavaScript. 특수 API 또는 툴킷.

JSON에는 object 및 array

1의 두 가지 구조가 있습니다. 개체는 "{"로 시작하고 "}"로 끝나며 "키/값"은 ","로 구분됩니다.

2. 배열은 "["로 시작하고 "]"로 끝납니다. 값을 구분하려면 ","를 사용하세요.

2. JSON 객체와 JSON 문자열 변환

데이터 전송 과정에서 JSON은 문자열 형태로 전달되고, JS는 JSON 객체를 기반으로 동작하므로 JSON 객체와 JSON 간 변환 문자열이 핵심입니다. 다음과 같습니다.

JSON 문자열:

JSON 개체:

1. 문자열을 JSON으로 변환

2. JSON을 문자열로 변환

3. JSON을 아름답게 만듭니다. output

이전 섹션에서는 JSON.stringify() 메서드를 사용하여 JSON 개체를 JSON 문자열로 변환하는 방법에 대해 설명했습니다. stringify에는 지정할 수 있는 선택적 매개 변수 공간(1<=space<=10)도 있습니다. 들여쓰기된 공백 수는 출력을 아름답게 하는 데 사용됩니다.

코드를 살펴보겠습니다.

JSON을 아름답게 만들려면:

미화 후의 출력은 더 명확합니까?

4. JSON 문자열 교체 로그 처리에는 다음과 같은 문자열이 종종 있습니다.

표준 JSON 문자열 형식이 되기 전에 교체해야 합니다. JSON 객체. 여기서는 JS를 사용하여 replacementAll 함수를 구현하고 ' \" '를 모두 ' " '로 바꿔야 합니다.

코드는 다음과 같습니다. gm은 고정되어 있고 g는 전역, m은 다중을 의미합니다.

교체 후 효과는 다음과 같습니다.

5. JSON 개체 및 배열 탐색 1 JSON 개체를 탐색하면 코드는 다음과 같습니다.

2. JSON 배열을 탐색하면 코드는 다음과 같습니다.

6. RecursionJSON 객체 탐색

몇 가지 복잡한 기능을 수행하려면 다음이 필요한 경우가 많습니다. JSON 개체를 재귀적으로 탐색합니다. 이 예가 모든 사람에게 참조로 사용될 수 있기를 바랍니다.

예제에서는 배열에 개체가 두 개 이상 있습니다. 첫 번째 개체 이후의 모든 개체를 삭제합니다. 원본 JSON은 다음과 같습니다.

처리된 배열에는 첫 번째 객체가 포함됩니다. 처리가 완료된 후 다음과 같아야 합니다.

재귀 코드는 다음과 같습니다.

사례를 읽으신 후 방법을 마스터하셨을 것입니다. 이 기사에서 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트 기사에서 다른 관련 주제에 주목하세요!

추천 자료:

JQuery는 사이드바 메뉴를 구현합니다

jQuery는 썸네일을 클릭하여 재생 효과를 전환합니다.

jQuery 포커스 맵 가로 스크롤 구현 방법

위 내용은 JS가 JSON을 작동하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!