JavaScript学习总结（六）数据类型和JSON格式

laznrbfe 发布于2019-08-21 10:19 / 1058人阅读

摘要：并列数据的集合数组用方括号表示。第三种类型是映射，也就是一个名值对，即数据有一个名称，还有一个与之相对应的值，这又称作散列或字典，比如首都北京。中有种简单数据类型也称为基本数据类型和。数值布尔值对象和字符串值都有方法。

什么是JSON

JSON：JavaScript 对象表示法（JavaScript Object Notation）。

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

除以上6种外，再无其他，没有像js一样的undefined、NAN

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

2） 映射用冒号（": "）表示。

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

4） 映射的集合（对象）用大括号（"{}"）表示。

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

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

JSON与对象字面量

在编程语言中,字面量是一种表示值的记法。
JSON规定键-值对中的键必须用双引号！引号。例如：

{"first name" : "Mike"};

在JSON字符串中，不能使用函数或者正则表达式字面量

数据类型：

从结构上看，所有的数据（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 操作符

Json在线解析

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

我的更多文章：

javascript学习总结（二）数组和对象部分
javascript学习总结（三）BOM和DOM详解
javascript学习总结（四）function函数部分
javascript学习总结（五）原型和原型链

云服务器混合云 js获取json格式数据类型 javascript学习总结实验六图像识别实验总结 JSON格式数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85296.html

Deep in JS - 收藏集 - 掘金

摘要：今天同学去面试，做了两道面试题全部做错了，发过来给道典型的面试题前端掘金在界中，开发人员的需求量一直居高不下。排序算法 -- JavaScript 标准参考教程（alpha） - 前端 - 掘金来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录冒泡排序简介算法实现选择排序简介算法实现 ... 图例详解那道 setTimeout 与循环闭包的经典面...

enali 2019-08-20 16:36 评论0 收藏0
26天学通前端开发（配资料）

摘要：网上有很多前端的学习路径文章，大多是知识点罗列为主或是资料的汇总，数据量让新人望而却步。天了解一个前端框架。也可以关注微信公众号晓舟报告，发送获取资料，就能收到下载密码，网盘地址在最下方，获取教程和案例的资料。前言好的学习方法可以事半功倍，好的学习路径可以指明前进方向。这篇文章不仅要写学习路径，还要写学习方法，还要发资料，干货满满，准备接招。网上有很多前端的学习路径文章，大多是知...

blair 2019-08-21 16:59 评论0 收藏0
详解js面向对象编程

摘要：看下面一个例子优点使用构造器函数的好处在于，它可以在创建对象时接收一些参数。按照惯例，构造函数的函数名应始终以一个大写字母开头，以区分普通函数。返回该对象的源代码。使您有能力向对象添加属性和方法。基本概念 ECMA关于对象的定义是：无序属性的集合，其属性可以包含基本值、对象或者函数。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。类在现实生活中，相似的对象之间往往都有...

lolomaco 2019-08-21 12:30 评论0 收藏0
JavaScript学习总结（一）基础部分

摘要：前缀规范每个局部变量都需要有一个类型前缀，按照类型可以分为表示字符串。例如，表示以上未涉及到的其他对象，例如，表示全局变量，例如，是一种区分大小写的语言。布尔值与字符串相加将布尔值强制转换为字符串。基本概念 javascript是一门解释型的语言，浏览器充当解释器。js执行时，在同一个作用域内是先解释再执行。解释的时候会编译function和var这两个关键词定义的变量，编译完成后从...

AlanKeene 2019-08-21 12:27 评论0 收藏0
Ajax的全面总结

摘要：实现流程创建对象打开请求地址，初始化数据发送请求数据监听回调函数状态收到服务器返回的应答结果。请求完成后回调函数请求成功或失败时均调用。 Ajax在前端开发中有着举足轻重的地位，关于Ajax的使用和注意事项一直是一个重要的话题，借此机会，本文希望对Ajax做一个全面的总结，彻底揭开Ajax的神秘面纱。一.什么是Ajax Ajax(Asynchronous JavaScript and...

lookSomeone 2019-08-20 18:54 评论0 收藏0