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 相关文章推荐
Use Word to Search for Files
Jun 15 Javascript
JS getMonth()日期函数的值域是0-11
Feb 15 Javascript
JavaScript中的比较操作符&gt;、=、
Dec 31 Javascript
js脚本分页代码分享(7种样式)
Aug 19 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
JavaScript操作select元素和option的实例代码
Jan 29 Javascript
微信小程序 判断手机号的实现代码
Apr 19 Javascript
Vue项目中quill-editor带样式编辑器的使用方法
Aug 08 Javascript
微信小程序icon组件使用详解
Jan 31 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
May 15 Javascript
详解vue-cli 2.0配置文件(小结)
Jan 14 Javascript
基于vue实现一个神奇的动态按钮效果
May 15 Javascript
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
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
PHP多进程编程实例
2014/10/15 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
php 如何禁用eval() 函数实例详解
2016/12/01 PHP
&amp;lt;script defer&amp;gt; defer 是什么意思
2009/05/10 Javascript
ext 列表页面关于多行查询的办法
2010/03/25 Javascript
jquery dialog键盘事件代码
2010/08/01 Javascript
js获取视频时长代码
2014/04/10 Javascript
javascript实现连续赋值
2015/08/10 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
js实现提交前对列表数据的增删改查
2020/01/16 Javascript
简单解析Django框架中的表单验证
2015/07/17 Python
Ubuntu安装Jupyter Notebook教程
2017/10/18 Python
Python实现账号密码输错三次即锁定功能简单示例
2019/03/29 Python
Expected conditions模块使用方法汇总代码解析
2020/08/13 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
基于Django集成CAS实现流程详解
2020/11/28 Python
基于python实现监听Rabbitmq系统日志代码示例
2020/11/28 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
2019/09/09 HTML / CSS
澳大利亚制造的羊皮靴:Original UGG Boots
2017/11/13 全球购物
波兰购物网站:MALL.PL
2019/05/01 全球购物
杰夫·班克斯男士服装网上商店:Jeff Banks
2019/10/24 全球购物
C++如何引用一个已经定义过的全局变量
2014/08/25 面试题
C#中的验证控件有几种
2014/03/08 面试题
学生打架检讨书大全
2014/01/23 职场文书
教师见习期自我鉴定
2014/04/28 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript
如何创建一个创建MySQL数据库中的datetime类型
2022/03/21 MySQL
CSS SandBox应用场景及常见问题
2022/06/25 HTML / CSS