> 웹 프론트엔드 > JS 튜토리얼 > JavaScript json 객체 및 배열을 변환하는 간단한 구현 방법에 대한 자세한 설명

JavaScript json 객체 및 배열을 변환하는 간단한 구현 방법에 대한 자세한 설명

伊谢尔伦
풀어 주다: 2017-07-17 14:24:06
원래의
2711명이 탐색했습니다.

js 배열과 json

1, array

의 차이점 1. 1차원 배열 정의: var s1=new Array();

s1=[1,2,3,4] 또는 s1[ 0] = 1, s1 [1] = 2, s1 [3] = 3, s1 [4] = 4;
경고(s1 [0]); var s1=new Array();

                                 alert(s1[ 1 ] [0]); json 문자열


                                                                                                               json 문자열이라고 불리는데, 문자열 변수의 값이 json과 동일한 형식이지만 json 객체는 아니라는 뜻입니다

status_process의 값은 이를 준수하지만 json 개체의 형식으로 보면 개체가 아니라 단지 문자열입니다(함께 연결되어 있음).

                         문자열을 json 개체로 변환

함수 사용

eval, eval("(" + status_process+ " )");

                        결론: 배경에서 앞으로 전달되는 것은 실제 json 객체가 아닌 json 문자열이므로 eval 함수를 사용하여 변환해야 합니다.

json 개체의 사용

var status_process = {
      " name5" : '闲置期',
    "name1" : '播种期',
    "name2" : '苗期',
    "name3" : '生长期',
    "name4" : '采收期'
   }   
  alert(status_process);
로그인 후 복사

둘 다: 유휴 기간

JSON 구문 규칙

JSON 구문은 JavaScript 개체 표기 구문의 하위 집합입니다. + 여러 이름/값 쌍 포함:

var status_process = {
      name5 : '闲置期',
     name1 : '播种期',
     name2 : '苗期',
      name3 : '生长期',
      name4 : '采收期'
     };
     alert(status_process["name5"]);
     alert(status_process.name5);
로그인 후 복사

이 역시 이해하기 쉽고 다음 JavaScript 문과 동일합니다.

{ "firstName":"John" , "lastName":"Doe" }
로그인 후 복사

JSON 배열

JSON 배열은 대괄호로 작성됩니다. 배열은 여러 개체를 포함할 수 있습니다.

firstName = "John"
lastName = "Doe"
로그인 후 복사
위의 예에서 "employees" 개체는 세 개의 개체를 포함하는 배열입니다. 각 개체는 개인에 대한 기록(성과 이름 포함)을 나타냅니다.

JSON 파일



•JSON 파일의 파일 형식은 ".json"입니다.
•JSON 텍스트의 MIME 형식은 "application/json"입니다.

JSON 텍스트는 JavaScript 개체로 변환됩니다JavaScript 함수 평가 ()는 JSON 텍스트를 JavaScript 개체로 변환하는 데 사용할 수 있습니다. eval() 함수는 JavaScript 컴파일러를 사용하여 JSON 텍스트를 구문 분석한 다음 JavaScript 개체를 생성합니다.

구문 오류

를 방지하려면 텍스트를 대괄호로 묶어야 합니다.

var obj = eval ("(" + jsontxt + ")")

{ 
"employees": [ 
{ "firstName":"John" , "lastName":"Doe" }, 
{ "firstName":"Anna" , "lastName":"Smith" }, 
{ "firstName":"Peter" , "lastName":"Jones" } 
] 
}
로그인 후 복사

JavaScript object두 가지 속성 액세스 방법

object.attribute

object["속성"]

예:

  $.ajax({
    type: 'POST',
    url: '../../caseHandler.ashx?action=GetCase&id=' + id.toString(), //url action是方法的名称
    data: "",
    dataType: "text", //可以是text,如果用text,返回的结果为字符串;如果需要json格式的,可以设置为json
    ContentType: "application/json; charset=utf-8",
    success: function (returnedData) {
      getMarkerFeature(eval("(" + returnedData+ ")"));
    },
    error: function (msg) {
      alert("访问失败:"+ msg);
    }
  });
로그인 후 복사

위 내용은 JavaScript json 객체 및 배열을 변환하는 간단한 구현 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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