Home Computer Tutorials Computer Knowledge How to define variables and loop using JSON in JavaScript

How to define variables and loop using JSON in JavaScript

Jan 22, 2024 am 11:54 AM

How to define variables and loop using JSON in JavaScript

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!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

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

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to Fix the Steam Cloud Error? Try These Methods How to Fix the Steam Cloud Error? Try These Methods Apr 04, 2025 am 01:51 AM

The Steam Cloud error can be caused by many reasons. To play a game smoothly, you need to take some measures to remove this error before you launch the game. php.cn Software introduces some best ways as well as more useful information in this post.

Windows Metadata and Internet Services Problem: How to Fix It? Windows Metadata and Internet Services Problem: How to Fix It? Apr 02, 2025 pm 03:57 PM

You may see the “A connection to the Windows Metadata and Internet Services (WMIS) could not be established.” error on Event Viewer. This post from php.cn introduces how to remove the Windows Metadata and Internet Services problem.

How to Resolve the KB5035942 Update Issues – Crashing System How to Resolve the KB5035942 Update Issues – Crashing System Apr 02, 2025 pm 04:16 PM

KB5035942 update issues - crashing system commonly happens to users. Inflicted people hope to find a way out of the kind of trouble, such as crashing system, installation, or sound issues. Targeting these situations, this post published by php.cn wil

How to Use Chris Titus Tool to Create a Debloated Win11/10 ISO How to Use Chris Titus Tool to Create a Debloated Win11/10 ISO Apr 01, 2025 am 03:15 AM

Chris Titus Tech has a tool called Windows Utility that can help you easily create a debloated Windows 11/10 ISO to install a clean system. php.cn offers a full guide on how to do this thing using the Chris Titus tool.

Fixed – OneDrive Not Uploading Photos on PC Fixed – OneDrive Not Uploading Photos on PC Apr 02, 2025 pm 04:04 PM

OneDrive is an online cloud storage service from Microsoft. At times, you might find OneDrive fail to upload photos to the cloud. If you are on the same boat, keep reading this post from php.cn Software to get effective solutions now!

Fresh Guide: Fix Windows Update Error 0x80070306 Fresh Guide: Fix Windows Update Error 0x80070306 Mar 22, 2025 am 09:56 AM

This expert guide on php.cn focuses on the Windows update error 0x80070306 and explains how to resolve this problem effectively and effortlessly. If you are encountering this error message, use the approaches outlined below to resolve it.

Remove PC App Store Malware - A Full Guide for You! Remove PC App Store Malware - A Full Guide for You! Apr 04, 2025 am 01:41 AM

If you have a program called PC App Store on your computer and did not purposely install it, then your PC may be infected with the malware. This post from php.cn introduces how to remove PC App Store malware.

MSConfig Keeps Reverting to Selective Startup? 2 Solutions Here MSConfig Keeps Reverting to Selective Startup? 2 Solutions Here Mar 28, 2025 pm 12:06 PM

Are you questioned about an issue that MSConfig keeps reverting to selective startup on your Windows? How to switch to normal startup if you require it? Try the methods explained in this php.cn post to find one that works for you.

See all articles