JavaScript学习day16笔记

Day16笔记

一、解构对象

// 声明一个obj对象。
let obj = {
    name : 'jack',
    age : 23,
}
// 解构obj对象。
let{name,age} = obj
=>
let name = 'jack'
let age = 23
// 字面量简化对象。
let obj{
// 当属性值为变量，并且与属性名一样时，可以简化。
    name，
    age
}

// 声明一个arr数组对象。
let arr = [1,2,3]
// 解构arr数组对象。
let [arr1,arr2,arr3] = arr
=>
let arr1 = 1
let arr2 = 2
let arr3 = 3

二、展开运算符

// 声明一个数组。
let arr1 = [1,2,3]
// 使用...展开运算符
let arr2 = [...arr1,4,5]
console.log(arr2)  =>  [1,2,3,4,5]

三、JSON数据组织交换格式

定义：

• 复杂数据组织。
• 前端与后端数据交换。

语法：

// jsonObj
{"属性名":属性值，"属性名":属性值}
// jsonStr
'{"属性名":属性值,"属性名":属性值}'

// 属性名必须加""双引号，字符串形式。
// 属性值类型：string(必须使用""双引号)、number、boolean、null、array、object。
// json没有方法。
// 与后端传输必须使用jsonStr格式。

jsonObj与jsonStr转换：

// jsonObj  =>  jsonStr
// 解析json对象，返回json字符串。
JSON.stringify(jsonObj)
// 解析json字符串，返回json对象。
// jsonStr  =>  jsonObj
JSON.parse(jsonStr)

四、localStorage本地持久化存储对象

// 以键值对的形式存储数据。
localStorage.setItem('key','value')
// 读取key中存储的value。
let value = localStorage.getItem('key')
// 移除存储的键值对。
localStorage.removeItem('key')
// 清空存储的所有键值对。
localStorage.clear()