> 컴퓨터 튜토리얼 > 컴퓨터 지식 > JavaScript에서 JSON을 사용하여 변수 및 루프를 정의하는 방법

JavaScript에서 JSON을 사용하여 변수 및 루프를 정의하는 방법

PHPz
풀어 주다: 2024-01-22 11:54:22
앞으로
1272명이 탐색했습니다.

JavaScript에서 JSON을 사용하여 변수 및 루프를 정의하는 방법

json에서 변수를 정의한 다음 JavaScript에서 루프하는 방법

var 데이터 =

[

{상태: "진행 중", 제목: "환경 개선 및 문명화된 설득", 유형: "커뮤니티 개발", peoplenum:2000},

{상태: "모집 중", 제목: "Mingshan District, Public Welfare Society와 협력", 유형: "자원 봉사", peoplenum:2},

{상태: "진행 중", 제목: "환경 개선 및 문명적 설득", 유형: "사회 복지", peoplenum:2000}

];

var html='';

html += '';';

html += '

';';

for (var i=0; i{

html += '';

html += '';

html += '' + data[i].title + '

';

html += '채용:' + data[i].peoplenum + '사람';

html += ' ' + 데이터[i].state;

html += '

}

html += '

html += '

$("#div1").append(html);

js를 사용하여 json 문자열을 배열로 바꾸는 방법

첫번째

JSON.parse(jsonString)

두번째 유형

eval("("+jsonString+")")

세 번째 유형

var obj=(함수 ToJSON(o){

if(typeof(o)=="string")try{return new Function("return"+o)();}catch(e){return null;}

})("[{이름:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name :'tianqi',나이:'7'}]");

for(var b in obj)alert(obj[b].name);

js는 json 파일을 구문 분석하여 데이터를 얻습니다

반환된 문자열에 따르면 js 배열이 여러 개의 json으로 이어진 형태임을 알 수 있습니다.

문자열만 반환되는 경우 문자열을 js 개체로 변환해야 합니다.

Jquery의 $.each() 메서드를 사용하여 js 배열을 반복하고 각 json 개체의 데이터를 검색합니다.

1

2

3

4

5

6

str = '[{"key":"value","keys":[{"key1":"value1","key2":"value2"},{"key1":"value3","key2": "value4"}],"obj":{"id":1,"msg":"성공"}}]';

str_json = eval("("+ str + ")"); //문자열을 js 객체로 변환

$.each(str_json,fucntion(a,b){

alert(a); //배열의 키를 팝업합니다

alert(b.id); //삭제할 데이터 팝업

});

js 루프 배열은 빈 값이 있는 json을 삭제합니다

모두 펼치기

var 결과 = [];

var 항목 =[

{

"resource_id":'',

"텍스트":'',

"content_desc": '',

"smallImg":'',

"existFlag":true

},

{

"resource_id":'7886',

"텍스트":'454',

"content_desc": '45',

"smallImg":'132',

"existFlag":true

},

{

"resource_id":'7886',

"텍스트":'454',

"content_desc": '45',

"smallImg":'132',

"existFlag":true

},

{

"resource_id":'aaa',

"텍스트":'bbb',

"content_desc": 'ccc',

"smallImg":'ddd',

"existFlag":true

},{

"resource_id":'',

"텍스트":'',

"content_desc": '',

"smallImg":'',

"existFlag":true

}

];

for(var i=0;i var obj=item[i];

if(!!obj["resource_id"]){

result.push(obj);

}

}

console.log(결과);

위 내용은 JavaScript에서 JSON을 사용하여 변수 및 루프를 정의하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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