How to define variables in json and then loop in JavaScript
var data =
[
{state: "In Progress", title: "Environmental Improvement and Civilized Persuasion", type: "Community Development", peoplenum:2000},
{state: "Recruiting", title: "Mingshan District Joins Hands with Public Welfare Society", type: "Volunteer Service", peoplenum:2},
{state: "In Progress", title: "Environmental Improvement and Civilized Persuasion", type: "Social Welfare", peoplenum:2000}
];
var html='';
html = '';';
html = '
';';
for (var i=0; i{
html = ''; ';
html = '';
html = '' data[i].title '
';
html = 'Recruitment:' data[i].peoplenum 'people';
html = ' ' data[i].state;
html = '
}
html = '
html = '
$("#div1").append(html);
How does js turn a json string into an array
The first
JSON.parse(jsonString)
Second type
eval("(" jsonString ")")
The third type
var obj=(function ToJSON(o){
if(typeof(o)=="string")try{return new Function("return " o)();}catch(e){return null;}
})("[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'}, {name:'tianqi',age:'7'}]");
for(var b in obj)alert(obj[b].name);
js parses json files to obtain data
According to the returned string, it can be seen that it is in the form of a js array spliced into multiple jsons.
If only a string is returned, the string must be converted into a js object.
Use Jquery's $.each() method to loop through the js array to retrieve the data of each json object.
1
2
3
4
5
6
str = '[{"key":"value","keys":[{"key1":"value1","key2":"value2"},{"key1":"value3","key2 ":"value4"}],"obj":{"id":1,"msg":"success"}}]';
str_json = eval("(" str ")"); //Convert string into js object
$.each(str_json,fucntion(a,b){
alert(a); //Pop up the key of the array
alert(b.id);//Pop up the data to be taken out
});
js loop array to delete json with empty value
Expand All
var result = [];
var item =[
{
"resource_id":'',
"text":'',
"content_desc": '',
"smallImg":'',
"existFlag":true
},
{
"resource_id":'7886',
"text":'454',
"content_desc": '45',
"smallImg":'132',
"existFlag":true
},
{
"resource_id":'7886',
"text":'454',
"content_desc": '45',
"smallImg":'132',
"existFlag":true
},
{
"resource_id":'aaa',
"text":'bbb',
"content_desc": 'ccc',
"smallImg":'ddd',
"existFlag":true
},{
"resource_id":'',
"text":'',
"content_desc": '',
"smallImg":'',
"existFlag":true
}
];
for(var i=0;i var obj=item[i];
if(!!obj["resource_id"]){
result.push(obj);
}
}
console.log(result);
The above is the detailed content of How to define variables and loop using JSON in JavaScript. For more information, please follow other related articles on the PHP Chinese website!

Learn about Hidester VPN and Hidester proxy and download Hidester VPN for Windows, Mac, Android, and iOS to use this VPN service to view websites with no limit. For more useful free computer tools and troubleshooting tips, you may visit php.cn Softwa
![Windows Keyboard Opening Shortcuts Instead of Typing [Fixed]](https://img.php.cn/upload/article/001/242/473/174525409770635.png?x-oss-process=image/resize,p_40)
Have you ever encountered the trouble of “Windows keyboard opening shortcuts instead of typing”? In this post from php.cn, you will learn how to fix this issue.

In this post, php.cn Software will introduce what Control Panel is and how to add the Control Panel icon to desktop on your Windows 10 or Windows 11 computer. You can also learn some related information about desktop icon settings.

If you play Granblue Fantasy: Relink on your PC, you may wonder where you can find its save file. In this post, php.cn introduces everything you want to know - Granblue Fantasy Relink save file location and how to back up the savegame of this game.

Event Viewer keeps track of activity for better management. However, if the upper limit of the security log is reached, no more events can be logged. In this post on php.cn Website, we will show you how to deal with Event ID 1104 the security log is

Secure Boot is a security standard that can prevent your computer from booting with untrustworthy software. Enabling it will add an extra layer of security to your device. In this post from php.cn Website, we will show you how to enable Secure Boot o

Coming to a new year, what Windows 11 users are looking forward to are not only the patch updates but also the annual major update for Windows 11. This post will talk about the Windows 11 23H2 release date. In addition, if you want to recover deleted

Can you completely disable Bixby? How to turn off Bixby on Samsung phones? It is not hard to disable this voice assistant. In this post from php.cn, we will go to any length to help you find the method. Besides, a way to turn off “Hi, Bixby” is also


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Atom editor mac version download
The most popular open source editor

SublimeText3 Linux new version
SublimeText3 Linux latest version

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Zend Studio 13.0.1
Powerful PHP integrated development environment

SecLists
SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.