首页 >

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

京东装修 css,css语言less,改变css的调用,怎么查看网页css吗,wordpress自适应满屏css,举出几个css的定位方式,css中 图片宽度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字符串解析就完成了。另外,提供一个在线解析的工具:

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

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

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

————河南新华

京东装修 css,css语言less,改变css的调用,怎么查看网页css吗,wordpress自适应满屏css,举出几个css的定位方式,css中 图片宽度javascript如何处理json数据 - CSS - 前端,css中 图片宽度


javascript如何处理json数据 - CSS - 前端,css中 图片宽度
  • Html中标签a是内联元素吗 - CSS - 前端,css用图片做按钮
  • Html中标签a是内联元素吗 - CSS - 前端,css用图片做按钮 | Html中标签a是内联元素吗 - CSS - 前端,css用图片做按钮 ...

    javascript如何处理json数据 - CSS - 前端,css中 图片宽度
  • 鼠标键如何变成指头 - CSS - 前端,css重复运行动画
  • 鼠标键如何变成指头 - CSS - 前端,css重复运行动画 | 鼠标键如何变成指头 - CSS - 前端,css重复运行动画 ...

    javascript如何处理json数据 - CSS - 前端,css中 图片宽度
  • letter网页设计怎么用 - CSS - 前端,css原型图片
  • letter网页设计怎么用 - CSS - 前端,css原型图片 | letter网页设计怎么用 - CSS - 前端,css原型图片 ...