300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > javascript如何处理json数据 – CSS – 前端 css中 图片宽度

javascript如何处理json数据 – CSS – 前端 css中 图片宽度

时间:2020-05-15 07:16:54

相关推荐

javascript如何处理json数据 – CSS – 前端 css中 图片宽度

偶是点点小萱,这个问题偶来回答。

json

首先大家来介绍下javascript,JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。

js已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

而json(全称JavaScript Object Notation)则是JS对象的简谱,是一种轻量级的数据交换格式。它是基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,它通过完全独立于编程语言的文本格式来存储和表示数据信息。

大家可以这样理解:JSON是JS对象的字符串表示形式,它使用文本来表示一个JS对象的信息,其本质是一个字符串。

用json格式来表示数据,这样更容易让人阅读和编写,同时对于机器的解析和生成也更加简单。

javascript处理json

在js中,大家通常用JSON.parse()方法来解析JSON字符串。

①创建一个json字符串:

var jsonStr = ‘[{\”name1\”:{\”address1\”:\”北京市朝阳区\”}},{\”name2\”:{\”address2\”:\”北京市西城区\”}},{\”name3\”:{\”address3\”:\”北京市海淀区\”}}]’;

②通过JSON.parse()方法来解析json字符串为一个对象:

var json = JSON.parse(jsonStr);

//打印对象信息

console.log(json);

③遍历对象获取对象中的属性值

// 循环遍历对象,获取key — value

for(var i = 0; i < json.length; i++){

// {“name1”:{“address1″:”北京市朝阳区”}}

var itemJson = json[i];

// 再次遍历获取

for(var key in itemJson){

console.log(key);

// {“address2″:”北京市西城区”}

var childItem = itemJson[key];

// 再次遍历获取

for (var keyItem in childItem) {

console.log(keyItem + ” — ” + childItem[keyItem]);

}

}

}

大家可以看到解析后,打印的对象信息,以及对象的遍历信息:

如此,一个简单的json字符串解析就完成了。另外,提供一个在线解析的工具:

/code/HtmlJsRun

感兴趣的朋友可以使用这个工具,测试上述代码运行的效果。

偶是点点小萱,如有不足之处,欢迎点评、建议。

————河南新华

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。