> 웹 프론트엔드 > JS 튜토리얼 > jquery를 사용하여 Json 객체 속성 및 값을 동적으로 탐색하는 단계에 대한 자세한 설명

jquery를 사용하여 Json 객체 속성 및 값을 동적으로 탐색하는 단계에 대한 자세한 설명

php中世界最好的语言
풀어 주다: 2018-04-25 15:22:59
원래의
2106명이 탐색했습니다.

이번에는 jquery를 사용하여 Json 객체의 속성과 값을 동적으로 탐색하는 단계에 대해 자세히 설명하겠습니다. jquery를 사용하여 속성과 값을 동적으로 탐색할 때의 주의사항

은 무엇인가요? 다음은 Json 객체의 실제 사례입니다. 살펴보겠습니다.

1. json 개체의 속성을 탐색합니다

//定义json对象
 var person= {
 name: 'zhangsan',
 pass: '123',
 fn: function(){
   alert(this.name+"的密码="+this.pass);
 }
 }
 //遍历person属性包括方法,如果不想显示出方法,可用typeof(person[item])== "function"来判断
 for(var item in person){
 alert("person中"+item+"的值="+person[item]);
 }
로그인 후 복사
2. json 개체에 동적으로 속성을 추가합니다.

1

var copyPerson={}  //创建copyPerson对象,将person中的属性包括方法copy给该对象
 for(var item in person){
 copyPerson[item]= person[item];  //这样循环就可以将person中的属性包括方法copy到copyPerson中了
 }
 
 for(var item in copyPerson){
 alert("copyPerson中"+item+"的值="+person[item]);
 }
로그인 후 복사
에서 person 개체를 사용해야 합니다. copyPerson, person) 또한 메소드를 포함한 모든 속성은 copyPerson

3. 일반 js 객체의 속성을 탐색할 수 있습니다.

//定义一个普通的js类,包含方法
 var p= function (){
 this.name= '李四';
 this.pass= '456';
 this.fn= function(){
  alert(this.name+"的密码="+this.pass);
 }
 
 }
 var pp= new p();  //生成一个p类的对象 pp
 
 for(var item in pp){
 
 //遍历pp对象中的属性,只显示出 非函数的 属性,注意不能 遍历 p这个类
 if(typeof(pp[item])== "function")
  continue;
 alert("p对象中"+item+"的属性="+pp[item]);
 }
로그인 후 복사
일반 js 객체도 복사 가능하며, 2. 동적으로 복사할 수 있는 아이디어 json 객체에 속성 추가 동일.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

AJAX 요청 대기열 사용에 대한 자세한 설명

jQuery+ajax에서 get() 함수를 사용하여 페이지를 읽는 단계에 대한 자세한 설명

🎜

위 내용은 jquery를 사용하여 Json 객체 속성 및 값을 동적으로 탐색하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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