js中json对象的定义、取值等

怼烎@ 2022-06-12 02:37 225阅读 0赞

原文地址：http://www.jb51.net/article/56854.htm

**1.** JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。

JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。

JSON的规则很简单：对象是一个无序的“‘名称:值'对”集合。一个对象以“\{”（左括号）开始，“\}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值'对”之间使用“,”（逗号）分隔。

规则如下:

1）映射用冒号（“：”）表示。名称:值  
    2）并列的数据之间用逗号（“，”）分隔。名称1:值1,名称2:值2  
    3） 映射的集合（对象）用大括号（“\{\}”）表示。\{名称1:值1,名称2:值2\}  
    4） 并列数据的集合（数组）用方括号(“\[\]”)表示。  
    \[  
    \{名称1:值,名称2:值2\},

\{名称1:值,名称2:值2\}

\]  
    5 )元素值可具有的类型：string, number, object, array, true, false, null

**注意：**json格式的对象和json文本是不同的，可使用JSON.parse方法进行对象转换

var obj=\{name:"张三","sex":'男'\};    //json格式的对象

var str="\{ name:"张三","sex":'男'\}"; //json格式的字符串（json格式的文本）

**2.  json中的五种写法：**

1）传统方式存储数据，调用数据

复制代码代码如下:

<script type="text/javascript">   
//JS传统方式下定义"类"   
function Person(id,name,age)\{   
this.id = id;   
this.name = name;   
this.age = age;   
\}   
//JS传统方式下创建"对象"   
var p = new Person(20141028,"一叶扁舟",22);

//调用类中的属性，显示该Person的信息   
window.alert(p.id);   
window.alert(p.name);   
window.alert(p.age);   
</script>

2）第一种样式：

复制代码代码如下:

<script type="text/javascript">   
var person = \{   
id:001,   
name:"一叶扁舟",   
age:23   
\}   
window.alert("编号:"+person.id);   
window.alert("用户名:"+person.name);   
window.alert("年龄:"+person.age);   
</script>

3）第二种样式：

复制代码代码如下:

<script type="text/javascript">   
var p = \[   
\{id:001,name:"一叶扁舟",age:22\},   
\{id:002,name:"无悔",age:23\},   
\{id:003,name:"无悔\_一叶扁舟",age:24\}   
\];

for(var i = 0; i < p.length; i++)\{   
window.alert("编号:"+p\[i\].id);   
window.alert("用户名:"+p\[i\].name);   
window.alert("年龄:"+p\[i\].age);

\}   
</script>

4）第三种样式:

复制代码代码如下:

<script type="text/javascript">   
var p = \{   
"province":\[   
\{"city":"福州"\},   
\{"city":"厦门"\},   
\{"city":"莆田"\}   
\]   
\};   
window.alert("所在城市：" + p.province\[0\].city);   
</script>

5)第四种样式：

复制代码代码如下:

<script type="text/javascript">   
var p = \{   
"ids":\[   
\{"id":001\},   
\{"id":002\},   
\{"id":003\}   
\],   
"names":\[   
\{"name":"一叶扁舟"\},   
\{"name":"无悔"\},   
\{"name":"无悔\_一叶扁舟"\}   
\]   
\};

for(var i = 0; i < p.names.length; i++)\{   
window.alert("名字:"+p.names\[i\].name);

\}   
for(var i = 0; i < p.ids.length; i++)\{   
window.alert("id:"+p.ids\[i\].id);   
\}

</script>

6）第五种样式:

复制代码代码如下:

<script type="text/javascript">   
var p = \{   
"province":\["福州","厦门","莆田"\]   
\};   
window.alert("城市的个数:"+p.province.length);   
window.alert("分别是：\\n");   
for(var i=0;i<p.province.length;i++)\{   
window.alert(p.province\[i\]);   
\}   
</script>

发表评论取消回复

表情：

评论列表（有 0 条评论，225人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中json对象按对象的属性排序

知识参考网上学友，实践后，作此记录，积累， ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex...

缺乏、安全感/ 2024年04月17日 15:41/ 0 赞/ 75 阅读

相关 js对象取值

var obj = { abc:"ss",nn:90}; var v1 = obj.abc;//使用点的方式 var v2 = obj["abc"];/

落日映苍穹つ/ 2022年11月09日 12:52/ 0 赞/ 175 阅读

相关 json 对象的定义方式

<!DOCTYPE HTML> <html> <body> <script type="text/javascript"> //

小咪咪/ 2022年07月11日 12:24/ 0 赞/ 205 阅读

相关 js中json对象的定义、取值等

原文地址：http://www.jb51.net/article/56854.htm 1. JSON（JavaScript Object Notation）一种简单的数据格式

怼烎@/ 2022年06月12日 02:37/ 0 赞/ 226 阅读

相关 js中定义json

var mccode = { ydszt:"000432", ltszt:"000434",

柔光的暖阳◎/ 2022年06月10日 10:58/ 0 赞/ 230 阅读

相关 Js中JSON对象

一、JSON数据对象 JSON数据对象就是对象，JSON数组就是对象数组 1. 将json字符串转换成json对象 \ var obj=eval("("+json

朴灿烈づ我的快乐病毒、/ 2022年06月10日 02:59/ 0 赞/ 266 阅读

相关 js中for in循环对象时的取值处理

一个特别奇怪的问题：返回Obj中的键值对顺序和for in取数据时的键值对对应不上最后查询资料才发现： <table style="width:700px;">

待我称王封你为后i/ 2022年06月08日 10:37/ 0 赞/ 198 阅读

相关 thymeleaf中js取值

注意：必须加上th:inline="javascript"才能够使用该方法。 <script th:inline="javascript">

阳光穿透心脏的1/2处/ 2022年05月15日 08:17/ 0 赞/ 284 阅读

相关关于EasyUI Datagrid JSON对象内嵌对象的取值问题

如有这样一个JSON对象： <table style="padding:0px!important; margin:0px!important; border:0px!im

﹏ヽ暗。殇╰゛Y/ 2021年12月14日 10:59/ 0 赞/ 266 阅读

相关前端取值用JSON对象

string类型转json对象 JSONObject jsonObject1 =JSONObject.parseObject(String) 前端取值的时候用

r囧r小猫/ 2021年12月03日 06:03/ 0 赞/ 294 阅读