집 > 기사 > 웹 프론트엔드 > JavaScript의 JSON 객체에 대한 기본 작업 예(그래픽 튜토리얼)

JavaScript의 JSON 객체에 대한 기본 작업 예(그래픽 튜토리얼)

亚连원래의: 2018-05-21 13:37:201107검색

JSON 형식은 JavaScript의 개체와 배열에서 유래하므로 js는 당연히 작동하기 가장 간단하고 원시적입니다. 다음으로 JavaScript에서 JSON 개체에 대해 일반적으로 사용되는 몇 가지 기본 작업 예를 살펴보겠습니다.

JSON 개체

1. 객체 속성:
객체의 속성은 키-값 쌍으로 구성됩니다. 여기서 키는 문자열이고 값은 모든 Javascript 객체일 수 있습니다.

//使用[]设置和获取对象的属性
var obj = new Object();
obj["www.jb51.net"] = "http://www.jb51.net";
alert(obj["www.jb51.net"]);

2. 변수는 속성입니다.
Javascript 엔진은 초기화 중에 전역 객체를 생성하며 모든 변수는 이 전역 객체의 속성입니다. 이 전역 개체를 참조하려면 다음과 같이 최상위 범위에서 가져올 수 있습니다.

var global = this;

Javascript에서 모든 독립 함수나 변수는 이 개체의 속성에 속합니다. 즉,

function test(){}

는 ：

window.test = function(){}

과 동일합니다. 3. 객체 사용:
객체를 선언하는 세 가지 방법:

① new 연산자를 통해 객체 객체를 생성한 다음 동적으로 속성을 추가하여 객체를 구성합니다. 처음부터
② 객체의 클래스 서클을 정의한 다음 new 연산자를 사용하여 일괄적으로 새 객체를 생성합니다

//创建一个对象
function User(username, password){
  this.username = username;
  this.password = password;
  this.getUsername = function(){
    return this.username;
  }
  this.getPassword = function(){
    return this.password;
  }
}
var arthinking = new User("Jason", "123");
alert(arthinking.getUsername());
alert(arthinking.getPassword());

3 JSON을 사용하여 객체를 생성합니다
JSON은 Javascript 객체 표기법, 즉 리터럴을 통해 개체를 나타냅니다.

//JSON形式创建一个对象
var arthinking = {
  username : "Jason",
  password : "123",
  favorite : {
    sports : "football",
    music : "Guitar"
  }
}
alert(arthinking.username);
alert(arthinking.favorite.sports);

서버에서 반환된 JSON 형식 데이터를 구문 분석합니다.
단일 JSON 개체:

[{a:&#39;1&#39;,b&#39;2&#39;},{a:&#39;3&#39;,b&#39;4&#39;}]

여러 JSON 개체:

{
"usergroups":[{a:&#39;001&#39;,b:&#39;arthinking&#39;},a:&#39;002&#39;,b:&#39;Jason&#39;}],
"groups":[{c:&#39;001&#39;,d:&#39;IT宅&#39;}]
}

이를 기반으로 할 수 있습니다. format 먼저 백엔드에서 전송해야 하는 데이터를 캡슐화합니다. 프런트엔드에서 가져온 후 다음과 같이 데이터를 구문 분석하고 얻을 수 있습니다.

//假设response.responseText为返回的JSON字符串
//可以使用eval()函数把JSON字符串转换成Javascript语句
//再通过”.”导航获取具体属性，length属性为对象的长度
var obj = eval( "(" + response.responseText + ")" );
for(var i = 0; i<obj.usergroups.length; i++){
  var groupid = obj.usergroups[i].a;
  var usergroup=obj.groups;
  for(var j=0; j<usergroup.length; j++){
    if(usergroup[j].c == groupid){
      alert(groupid);
 }
  }
}

위는 제가 모든 사람을 위해 컴파일한 것입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

JavaScript의 JSON 객체에 대한 기본 작업 예(그래픽 튜토리얼)

관련 기사