JSON 유형 data_javascript 기술을 읽고 구문 분석하는 js 메소드

이 글의 예시에서는 js가 JSON 형태의 데이터를 읽고 파싱하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

1. JSON이란 무엇인가요?

JSON(JavaScript Object Notation)은 완전히 언어 독립적인 텍스트 형식을 사용하는 경량 데이터 교환 형식입니다. 동시에 JSON은 JavaScript 기본 형식입니다.
서버와 JavaScript 간의 상호작용에 매우 적합

2. XML 대신 JSON을 사용하는 이유

그들은 모두 다음과 같이 말합니다. XML이 플랫폼 간 및 언어 간 이점을 갖는 방법에 대해 많은 홍보가 있지만 웹 서비스에 적용하지 않는 한 일반 웹 애플리케이션에서는 개발자가 XML 구문 분석에 어려움을 겪는 경우가 많습니다. 서버가 XML을 생성하거나 처리하든, 클라이언트가 JavaScript를 사용하여 XML을 구문 분석하든 관계없이 코드가 복잡해지고 개발 효율성이 극도로 낮아지는 경우가 많습니다. 실제로 대부분의 웹 애플리케이션에서는 데이터를 전송하는 데 복잡한 XML이 전혀 필요하지 않으며 XML의 확장성은 거의 이점이 없으며 많은 AJAX 애플리케이션은 동적 웹 페이지를 구축하기 위해 HTML 조각을 직접 반환하기도 합니다. XML을 반환하고 파싱하는 것에 비해 HTML 조각을 반환하면 시스템의 복잡성이 크게 줄어들지만 어느 정도 유연성도 부족합니다.

3. 이용방법

다음 코드는 버튼을 클릭하여 json 형식 데이터를 구문 분석하고 콘텐츠에 경고할 수 있는 HTML 코드 조각입니다

코드 복사 코드는 다음과 같습니다.

다음은 js 함수 코드입니다:

var json = {
  contry:{
  area:{
   man:"12万",
   women:"10万"
  }
  }
 };
//方式一：使用eval解析
 var obj = eval(json);
 alert(obj.constructor);
 alert(obj.contry.area.women);
 //方式二：使用Funtion函数
 var strJSON = "{name:'json name'}";//得到的JSON
 var obj = new Function("return" + strJSON)();//转换后的JSON对象
 alert(obj.name);//json name
 alert(obj.constructor);
//复杂一点的json数组数据的解析
 var value1 = [ 
  {"c01":"1","c02":"2","c03":"3","c04":"4","c05":"5","c06":"6","c07":"7","c08":"8","c09":"9"},
   {"c01":"2","c02":"4","c03":"5","c04":"2","c05":"8","c06":"11","c07":"21","c08":"1","c09":"12"},
  {"c01":"5","c02":"1","c03":"4","c04":"11","c05":"9","c06":"8","c07":"1","c08":"8","c09":"2"}
   ]; 
 var obj1 = eval(value1);
 alert(obj1[0].c01);
 //复杂一点的json的另一种形式
 var value2 = {
   "list":[
   {"password":"1230","username":"coolcooldool"},
   {"password":"thisis2","username":"okokok"}
   ],
   "array":[
   {"password":"1230","username":"coolcooldool"},
   {"password":"thisis2","username":"okokok"}
   ]
   };
 var obj2 = eval(value2);
 alert(obj2.list[0].password);
}

4. 평가

① 이 형식은 컴파일러를 실행해야 하기 때문에 성능이 크게 저하됩니다.

② 평가 기능은 평가되는 텍스트에 너무 많은 권한을 부여하기 때문에 애플리케이션의 보안도 약화시킵니다. with 문이 실행되는 방식과 마찬가지로 언어 성능이 저하됩니다

③ Function 생성자는 eval의 또 다른 형태이므로 피해야 합니다.

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.