持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第13天，点击查看活动详情

json 格式

一种固定的字符串格式

'asdfghjkl' 普通字符串

'12321' 纯数字字符串

hello world

' html 格式字符串

json 也是一种字符串的格式, 和普通字符串本质上没有区别

只是多了一些固定格式

有什么作用

电脑网络传输的过程中

只能传递字符串, 不识别其他文件格式

也无法传递传递对象和数组数据类型

json 格式是满足对象和数组数据结构的字符串

怎么使用

1. JSON.parse()

把 json 格式的字符串转换成 JS 的数组或者对象

JSON.parse(要转换的 json 格式字符串)

返回值: JS 格式的数组或者对象

2. JSON.stringify()

把 JS 格式的数组或者对象转换成 json 格式的字符串

JSON.stringify(要转换的数组或者对象)

返回值: 一个 json 格式的字符串

json 数据格式(重点)

1.用于描述数组或者对象的数据类型

2. 对象中 key 和 value 都使用双引号包裹

数字和布尔可以不需要引号

3. 数组可以存放多个对象

4. 当多个数据的时候, 结尾数据后面不能有逗号(,)

5. 一个 json 格式中, 可以使用符号, 只有 {}, [], "", 逗号

6. 转换 json 格式字符串的时候, 函数会被自动过滤

常见的报错信息

var obj = {    
name: 'Jack', 
age: 18,          
gender: '男', 
fn: function() {}        } 
var arr = [{            name: 'Jack'        }, 
{            name: 'Rose'        }, 
{            name: 'Tom'        }, ]；    
var jsonStr = JSON.stringify(arr)； 
console.log(jsonStr)；

json 文件

是一种文件格式, 以 .json 后缀

一个完全的 json 文件里面只能书写 json 格式的内容

本地缓存

把一些数据记录再浏览器中

多种本地缓存之一

作用:

调用浏览器给我们提供的一些本次存储数据的机制

区别:

+ localStorage 永久缓存, 除非手动删除

+ sessionStorage 会话缓存, 关闭浏览器就没有了

共同点:

+ 只能存储字符串格式的数据

+ 想存储对象数据结构, 转换成 json 格式存储

查看:

+ 控制台

+ application

+ localStorage

1. localStorage        
1-1. localStorage.setItem('名字', '值')          
存储一条数据          
当你重复设置同一个名字的时候, 就是修改          
1-2. localStorage.getItem('名字')          
获取一条数据            
如果你获取一个没有的名字, 那么是 null          
1-3. localStorage.removeItem('名字')          
删除一条数据          
1-4. localStorage.clear()            
清除所有数据       
2. sessionStorage         
2-1. sessionStorage.setItem('名字', '值')          
增加一条数据        
2-2. sessionStorage.getItem('名字')           
获取一条数据          
2-3. sessionStorage.removeItem('名字')          
删除一条数据         
2-4. sessionStorage.clear()          
清除所有数据

数学方法

JS 里面有一个内置对象叫做 Math

Math 对象用于执行数学任务。

Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。

Math 常用的方法      
1.  Math.random()         
返回值: 0 ~ 1 之间的随机小数, 包含 0 不包含 1
        2.  Math.round(数字)        
        返回值: 四舍五入以后取整的数字
        3.  Math.ceil(数字)         
        返回值: 向上取整以后的数字
        4. Math.floor(数字)        
        返回值: 向下取整以后的数字
        5. Math.max(数字1, 数字2, 数字3, ...)        
        返回值: 若干个数字中的最大值        
        注意: 传递数组不好使
        6. Math.min(数字1, 数字2, 数字3, ...) 
        返回值: 若干个数字中的最小值         
        注意: 传递数组不好使
       7.  Math.PI         
       得到: 近似于 派 的值  
       注意:           
       1. 使用不需要 ()          
       2. 两个字母都是大写

这里我只写了一些常用的数学方法。往后的知识点也会逐步加深，我尽量写到通俗易懂。

JASON

json 格式

hello world

有什么作用

本地缓存

数学方法