javascript学习笔记(六)数据类型和JSON格式


Posted in Javascript onOctober 08, 2014

什么是JSON

JSON:JavaScript 对象表示法(JavaScript Object Notation)。

JSON的形式是用大括号“{}”包围起来的项目列表,每一个项目间用逗号(,)分隔,而项目就是用冒号(:)分隔的属性名和属性值。这是典型的字典表示形式,也再次表明javascript里的对象就是字典结构。不管多么复杂的对象,都可以用一句JSON代码来创建并赋值。

JSON 结构

JSON有两种结构

json简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组两种结构,通过这两种结构可以表示各种复杂的结构

1、对象:对象在js中表示为“{}”括起来的内容,数据结构为 {key:value,key:value,...}的键值对的结构,在面向对象的语言中,key为对象的属性,value为对应的属性值,所以很容易理解,取值方法为 对象.key 获取属性值,这个属性值的类型可以是 数字、字符串、数组、对象几种。

2、数组:数组在js中是中括号“[]”括起来的内容,数据结构为 ["java","javascript","vb",...],取值方式和所有语言中一样,使用索引获取,字段值的类型可以是 数字、字符串、数组、对象几种。
经过对象、数组2种结构就可以组合成复杂的数据结构了。

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

数据在名称/值对中
数据由逗号分隔
花括号保存对象
方括号保存数组
JSON 值可以是:

数字(整数或浮点数)
字符串(在双引号中)
逻辑值(true 或 false)
数组(在方括号中)
对象(在花括号中)
null

1) 并列的数据之间用逗号(", ")分隔。

2) 映射用冒号(": ")表示。

3) 并列数据的集合(数组)用方括号("[]")表示。

4) 映射的集合(对象)用大括号("{}")表示。
JSON例子

创建没有任何属性的对象:

var obj = {};

创建一个对象并设置属性和初始值:

var author = {name : "trigkit4",age : 21 , sex : "male"};

创建一个对象并设置属性和方法:

var hello ={content:"how are you?" , say :function(){alert(this.content)} };

创建一个嵌套其他对象和对象数组等:

var company = {name:"Apple",

               product:"iPPhone",

               chairman:{name:"Tim Cook",age:54},

               employees:[{name:"Jony Ive",age:47},{name:"Lili",age:29}], 

 };

对象是一套无序的名/值对,一个对象以左边分支开始,以右边分支结束

一个值可以是用双引号括起来的字符串,或者是一个数值,一个true or false ,一个数组或者一个对象

数据类型:

从结构上看,所有的数据(data)最终都可以分解成三种类型:

第一种类型是标量(scalar),也就是一个单独的字符串(string)或数字(numbers),比如"北京"这个单独的词。

第二种类型是序列(sequence),也就是若干个相关的数据按照一定顺序并列在一起,又叫做数组(array)或列表(List),比如"北京,上海"。

第三种类型是映射(mapping),也就是一个名/值对(Name/value),即数据有一个名称,还有一个与之相对应的值,这又称作散列(hash)或字典(dictionary),比如"首都:北京"。
在编程语言中,只要有了数组(array)和对象(object)就能够储存一切数据了。

数组和对象的另一个区别是,数组的数据没有"名称"(name),对象的数据有"名称"(name)。

JavaScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。

对一个值使用typeof操作符可能返回下列某个字符串:

● "undefined"——如果这个值未定义;

● "boolean"——如果这个值是布尔值;

● "string"——如果这个值是字符串;

● "number"——如果这个值是数值;

● "object"——如果这个值是对象或null;

● "function"——如果这个值是函数;

Undefined类型:

    `Undefined`类型只有一个值,在使用var声明变量但未对其加以初始化时,
这个变量的值就是undefined
Null类型

Null类型是第二个只有一个值的数据类型,这个特殊的值是null。从逻辑角度来看,null值表示一个空对象指针,而这也正是使用typeof操作符检测null时会返回"object"的原因,例如:

var car = null;

alert(typeof car); // "object"

Number类型

这种类型用来表示整数和浮点数值,还有一种特殊的数值,即NaN(非数值 Not a Number)。这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。

String类型

String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由单引号(')或双引号(")表示。
数值、布尔值、对象和字符串值都有toString()方法。但null和undefined值没有这个方法。

多数情况下,调用toString()方法不必传递参数。但是,在调用数值的toString()方法时,可以传递一个参数:输出数值的基数。

var num = 10;

alert(num.toString());      //"10"

alert(num.toString(2));     //"1010"

alert(num.toString(8));     //"12"

alert(num.toString(10));    //"10"

alert(num.toString(16));    //"a"

在不知道要转换的值是不是null或undefined的情况下,还可以使用转型函数String(),这个函数能够将任何类型的值转换为字符串。String()函数遵循下列转换规则:

● 如果值有toString()方法,则调用该方法(没有参数)并返回相应的结果

● 如果值是null,则返回"null"

● 如果值是undefined,则返回"undefined"

Object类型

对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象。

var o = new Object();
typeof 操作符

<script type="text/javascript">

    var s = "Nicholas";

    var b =true;

    var c = 21;

    var u;

    var n = null;

    var o = {};

    var obj = new Object;//最好写出new object()形式
    alert(typeof s);//string

    alert(typeof b);//boolean

    alert(typeof c);//number

    alert(typeof u);//undefined

    alert(typeof n);//object

    alert(typeof o);//object

    alert(typeof obj);//object

</script>

Json在线解析

Json在线解析:http://json.tongxiehui.net/

Javascript 相关文章推荐
获取DOM对象的几种扩展及简写
Oct 09 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
Jun 19 Javascript
JavaScript学习笔记之JS对象
Jan 22 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
JavaScript 性能优化小结
Oct 12 Javascript
老生常谈JQuery data方法的使用
Sep 09 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
Oct 20 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
Feb 14 Javascript
vuejs响应用户事件(如点击事件)
Mar 14 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
vue2实现provide inject传递响应式
May 21 Vue.js
javascript学习笔记(五)原型和原型链详解
Oct 08 #Javascript
JavaScript中获取高度和宽度函数总结
Oct 08 #Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 #Javascript
JavaScript中获取样式的原生方法小结
Oct 08 #Javascript
吐槽一下我所了解的Node.js
Oct 08 #Javascript
Node.js 的异步 IO 性能探讨
Oct 08 #Javascript
JS中的form.submit()不能提交表单的错误原因
Oct 08 #Javascript
You might like
PHP中实现图片的锐化
2006/10/09 PHP
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
php异步多线程swoole用法实例
2014/11/14 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
10个对初学者非常有用的PHP技巧
2016/04/06 PHP
Thinkphp单字母函数使用指南
2016/05/08 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
QUnit jQuery的TDD框架
2010/11/04 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
2013/05/14 Javascript
在Google 地图上实现做的标记相连接
2015/01/05 Javascript
javascript运动详解
2015/07/06 Javascript
javacript获取当前屏幕大小
2016/06/04 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
vue Render中slots的使用的实例代码
2017/07/19 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
2019/12/17 Javascript
[04:32]DOTA2著名解说配音敌法师 现场专访海涛怒切假腿
2013/12/20 DOTA
python版opencv摄像头人脸实时检测方法
2018/08/03 Python
基于python历史天气采集的分析
2019/02/14 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
Python classmethod装饰器原理及用法解析
2020/10/17 Python
Python爬虫之Selenium实现窗口截图
2020/12/04 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
构造方法和其他方法的区别
2016/04/26 面试题
汽车专业毕业生推荐信
2013/11/12 职场文书
学生干部学习的自我评价
2014/02/18 职场文书
法制宣传教育方案
2014/05/09 职场文书
2014年最新大专生职业生涯规划书范文
2014/09/13 职场文书
困难补助申请报告
2015/05/19 职场文书
python析构函数用法及注意事项
2021/06/22 Python
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫