javascript如何处理json数据_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 5:43:07 共计：3606 浏览

javascript如何处理json数据？

我是点点小萱，这个问题我来回答。

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字符串解析就完成了。另外，提供一个在线解析的工具：

http://tools.jb51.net/code/HtmlJsRun

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

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

------------河南新华

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。