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

简介: 原文地址:http://www.jb51.net/article/56854.htm1. JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。

原文地址: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> 
相关文章
|
3月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
3月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
3月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
38 1
JavaScript中对象的数据拷贝
|
3月前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
72 4
|
3月前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
4月前
|
存储 JSON JavaScript
JavaScript JSON
【10月更文挑战第7天】JSON 是 JavaScript 中非常重要的一个数据格式,它为数据的表示和传输提供了一种简单而有效的方式。掌握 JSON 的使用方法和特点,对于开发高质量的 JavaScript 应用具有重要意义。
|
4月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
65 4
|
4月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
44 2
|
4月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
69 1
|
4月前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
56 2