12月27日JSON对象
1.11月3日前端需要学习的知识、自闭合标签、meta标签、div标签2.11月6日标题标签、图片标签、链接标签、段落标签3.11月6日列表、标题、表格、基本、块级标签以及特殊符号4.11月7日form表单与input框以及select标签5.11月7日css介绍、基本格式、样式、选择器6.11月8日字体的属性7.11月9月label标签补充8.11月9月字体的属性2以及div模块的另一种用法9.11月9日背景属性10.11月9日边框11.11月9日display属性12.11月10日css盒子模型的margin和padding属性13.11月10日浮动float以及清除浮动clear14.11月10日overflow属性以及圆形头像的制作15.11月10月高度和长度的另外四种情况16.11月10日定位属性17.11月10日模态框和透明18.11月12日基础的网页设计以及阴影的设计box-shadow属性19.11月12日js的基础引入和注释20.11月13日js语言常量与变量21.11月13日js数据类型以及常见的方法22.11月13日布尔值(Boolean)23.11月13数组以及数组常用发法24.11月14日i++以及++i以及逻辑运算符25.11月14日流程控制26.11月14日三元运算27.11月14日函数的定义28.11月15日函数作用域和闭包函数29.11月16日自定义对象类型
30.12月27日JSON对象
31.12月29日正则对象32.12月29日正则对象33.2024-1-2bom对象34.2024-1-2 DOM概念以及部分用法35.2024-1-4事件36.2024-1-17 jq的简介、基础语法、选择器、部分操作37.2024-1-18文档处理38.2024-1-19事件绑定，input与hover事件39.2024-1-19阻止事件40.2024-1-19事件冒泡41.2024-1-22页面加载和事件委托42.2024-1-22动画效果和部分方法JSON对象
JSON是一种文本格式，它通过简单的键值对表示数据，这些键值对可以嵌套并形成层级结构。
JSON对象的基本格式
var str1 = '{"name":"Alex","age":18}';//JSON字符串
将JSON字符串转换成对象
然后这里将JSON字符串转换成对象然后输出该对象的数据
var str1 = '{"name":"Alex","age":18}';//JSON字符串
var obj = JSON.parse(str1);//这里将JSON的数据
console.log(obj.age)//输出该对象的age的值
console.log(obj.name)//输出该对象的name的值
结果为：
18//age的值
Alex//name的值
将对象转换成JSON字符串
这里将obj对象转换成JSON字符串
// 这里将obj对象转换成JSON字符串
var str2 = JSON.stringify(obj)//这里将obj对象转换成JSON字符串
console.log(str2)//这里输出JSON字符串的结果
结果为：
{"name":"Alex","age":18}
这里在对比一下JSON字符串和对象的类型区别
// 这里将对象与JSON字符串进行对比
var json = '{"name":"junwan","age":"17"}';
var duixiang = JSON.parse(json)
console.log(json)//这里输出JSON字符串
console.log(duixiang)//这里输出对象
结果为：
{"name":"junwan","age":"17"}//这里是JSON字符串的数据类型
{ name: 'junwan', age: '17' }//这里是输出对象的数据类型
