JSON 表达式
JSON语法规则:
数据在名称/值对中;
数据由逗号分隔;
大括号保存对象;
中括号保存数组
1、访问对象值:
-
var myObj,x;
-
myObj = {"name":"runoob","alexa":10000,"site":null};
-
x = myObj.name; //使用点号(.)来访问对象的值
-
x = myObj["name"]; //使用中括号([])来访问对象的值
2、使用for-in 来循环对象的属性:
-
<p id="demo"></p>
-
<script>
-
var myObj = { "name":"runoob", "alexa":10000, "site":null };
-
for (x in myObj) {
-
document.getElementById("demo").innerHTML += x + "<br>";
-
}
-
</script>
3、for-in循环对象的属性时,使用中括号([])来访问属性的值:
-
<p id="demo"></p>
-
<script>
-
var myObj = { "name":"runoob", "alexa":10000, "site":null };
-
for (x in myObj) {
-
document.getElementById("demo").innerHTML += myObj[x] + "<br>";
-
}
-
</script>
4、修改 JSON 对象的值:
myObj.sites.site1 = "www.google.com";
5、删除 JSON 对象的属性:
delete myObj.sites.site1;
5、使用索引值来访问数组:
-
<script>
-
var myObj, x;
-
myObj = {"name":"网站","num":3, "sites":[ "Google", "Runoob", "Taobao" ] }
-
x = myObj.sites[0];
-
document.getElementById("demo").innerHTML = x;
-
</script>
6、使用for-in 来访问数组:
-
<script>
-
var myObj, i, x = "";
-
myObj = {
-
"name":"网站",
-
"num":3,
-
"sites":[ "Google", "Runoob", "Taobao" ]
-
};
-
for (i in myObj.sites) {
-
x += myObj.sites[i] + "<br>";
-
}
-
document.getElementById("demo").innerHTML = x;
-
</script>
******************************************************************************************************************************************
1、JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象
语法: JSON.parse(text,reviver)
text:必需, 一个有效的 JSON 字符串。
reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。
var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');
解析完成后,我们就可以在网页上使用 JSON 数据了:
-
<p id="demo"></p>
-
<script>
-
var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');
-
document.getElementById("demo").innerHTML = obj.name + ":" + obj.site;
-
</script>
2、使用AJAX 从服务器请求 JSON 数据,并解析为 JavaScript 对象:
-
var xmlhttp = new XMLHttpRequest();
-
xmlhttp.onreadystatechange = function(){
-
if(this.readyState == 4 && this.status == 200){
-
myObj = JSON.parse(this.responseText);
-
document.getElementById("demo").innerHTML = myObj.name;
-
}};
-
xmlhttp.open("GET","/try/ajax/json_demo.txt",true);
-
xmlhttp.send();
3、 JSON.stringify()方法:
JSON 通常用于与服务端交换数据。在向服务器发送数据时一般是字符串。我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
语法: JSON.stringify(value,replacer,space)
value:必需, 一个有效的 JSON 字符串。
replacer:可选。用于转换结果的函数或数组。
如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。
如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。
space:可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 有可以使用非数字,如:\t。
-
var obj = {"name":"runoob","alexa":10000,"site":"www.runoob.com"};
-
var myJSON = JSON.stringify(obj);
-
document.getElementById("demo").innerHTML = myJSON;
JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象:
-
var txt = '{ "sites" : [' +'{"name":"菜鸟教程" , "url":"www.runoob.com" },' +'{ "name":"google" , "url":"www.google.com" },'+'{ "name":"微博" , "url":"www.weibo.com" } ]}';
-
var obj = eval("("+ txt + ")");
-
document.getElementById("name").innerHTML=obj.sites[0].name
-
document.getElementById("url").innerHTML=obj.sites[0].url
JSON 表达式的更多相关文章
- s表达式和json表达式
s表达式 + 1 2 3普通表达式 1+2+3json表达式{ +:[1, 2, 3]}优点,一个运算符,无限个参数 s表达式 * (+ 1 2) 3普通表达式 1+(2*3)json表达式{ *:[ ...
- QT解析嵌套JSON表达式
QT5开发环境集成了解析JSON表达式的库.使用很方便. 友情提示一下,好像在QT4环境里.须要到官网下载相关的库文件才干使用解析功能.话不多说,上代码 1.在pro文件里增加 QT += scrip ...
- Jmeter之Json表达式关联
Jmeter使用中,通常用的最多的是正则表达式和Xpath表达式,但是现在大多数网站都用的Json返回数据,而且数据还特长的那种,作为合格的测试人员也要适应技术潮流发展,下面介绍利用Json Extr ...
- Jmeter 提取http请求返回值里json数据参数化方法
第三方插件下载地址:http://jmeter-plugins.org/downloads/all/ 插件下载后解压:找到JMeterPlugins-Extras.jar,把JMeterPlugins ...
- 【JEMTER】后置处理器JSON Path Extractor获取server端返回的json中某项值
需求1:点击所有报表模板时,server端返回所有报表模板的ID(templateId),测试时需要下载某个模板生成的报表 需求2:点击单个报表模板时,server端返回这个报表模板下的所有报表ID( ...
- mysql 5.7 laravel json类型数据相关操作
2018年10月16日18:14:21 官方文档中文翻译版 原文:https://dev.mysql.com/doc/refman/5.7/en/json.html 最后有部分实例和一个小总结 11. ...
- JSON Extractor
JMeter处理responses 的json 对于请求1返回的结果,处理以后作为请求2的参数,JMeter提供了JSON 提取器 比如 responses 返回: {"statusCode ...
- [笔记] Python 中JSON数据的读写
前言 JSON(JavaScript Object Notation,JavaScript对象表示法)是一种轻量级的数据交换语言 JSON是独立于语言的文本格式, JSON 数据格式与语言无关 JSO ...
- python初步学习-python 模块之 json
json 模块 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写.一般API返回的数据大多是 JSON.XML,如果返回JSON的话,将获取 ...
随机推荐
- 【前端图表】echarts实现散点图x轴时间轴
话不多说,老规矩,先上图,实现echarts实现散点图,x轴数据为时间年月日. 实现代码如下: <!DOCTYPE html> <html> <head> < ...
- css使文本保留多个空格
css属性: white-space: pre-wrap
- 2013腾讯编程马拉松初赛第〇场(HDU 4503) 湫湫系列故事——植树节
http://acm.hdu.edu.cn/showproblem.php?pid=4503 题目: 已知湫湫的班里共有n个孩子,每个孩子有Bi个朋友(i从1到n),且朋友关系是相互的,如果a小朋友和 ...
- 【零基础入门学习Python笔记012】一个打了激素的数组3
列表的一些经常使用操作符 比較操作符 逻辑操作符 连接操作符 反复操作符 成员关系操作符 +表示两个连接.*表示复制. list中"+"两边的类型必须一致. 演示样例: water ...
- [React Intl] Use a react-intl Higher Order Component to format messages
In some cases, you might need to pass a string from your intl messages.js file as a prop to a compon ...
- php 获取隔日日期
php获取日期时间 <?php date_default_timezone_set('PRC'); //默认时区 echo "今天:",date("Y-m-d&qu ...
- linux进入root模式
sudo su 然后输入密码 然后就会进入root模式,,,前面的提示符变成#
- Qt浅谈之一:内存泄露(总结),对于QWidget可以setAttribute(Qt::WA_DeleteOnClose),而且绝对不能手动删除栈上的对象
一.简介 Qt内存管理机制:Qt 在内部能够维护对象的层次结构.对于可视元素,这种层次结构就是子组件与父组件的关系:对于非可视元素,则是一个对象与另一个对象的从属关系.在 Qt 中,在 Qt 中,删除 ...
- 13、虚拟驱动vivi.c注册过程分析及怎么写V4L2驱动及启动过程
UVC设备也是一个usb设备,在uvc_driver.c中的init函数会调用usb_register注册,根据id_table发送可支持的设备后调用probe函数,其会去uvc_register_c ...
- 8、摄像头驱动_Linux的V4L2架构分析
V4L2架构可以参考 linux-3.4.2\Documentation\video4linux\v4l2-framework.txt V4L2全名为Video For Linux 2,它是针对Li ...