和小夏一起学习----一天学一点点JS（对象）

一天学一点点JS

---

hello 大家好！我是小夏，不爱唱歌的小夏。感谢点进我的博客，一天学一点JS。

---

今天学的是js对象！

JS对象

---

对象概述

---

在js中所有的事物都是对象：字符串（new String）、布尔(new Boolean())、数值(Number)、数组(Array)、函数(Function)等。

什么是类

类：就是具有相同属性和方法的集合。例如：人，动物，工具。

什么是对象

对象：类中的一个具体的事物---->人类----具体的某个人（小夏）。
js中的对象形式：
1.内置对象：Math、Number、Date等；
2.宿主对象：Dom，Bom；
3.自定义对象：开发者自己定义和开发的对象。

对象的创建

---

怎样创建对象？

a.直接使用大括号创建对象

b.使用new命令生成一个Object对象的实例

c.使用Object.create方法创建对象

var obj1 = {};

var obj2 = new Object();

var obj3 = Object.create(null);
Object是在javascript中一个被我们经常使用的类型，而且JS中的所有对象都是继承自Object对象的

var obj={ key1:value1,key2:value2 };
key是“键名”；
value是“键值”
对象内部包含多个键值对时，每个键值对之间用逗号分隔；

对象的构成

---

对象是JavaScript的核心概念，也是最重要的数据类型。JavaScript的所有数据都可以被视为对象。此外，JavaScript
，键名，键名与键值之间用冒号分隔，大括号末尾要使用分号表示对象定义结束。

对象的键名和键值

---

键名

键名也是对象的一个属性：对象的所有属性都是字符串；
如果对象的属性不符合标识符的条件必须加上引号；

键值

键值是属性所对应的具体的值。js对象的键值可以是任何数据类型；
如果一个属性的值为函数，那么通常把这个属性称为‘方法’；

对象的引用

---

对象属性的读取和设置

读取对象的属性，有两种方法：
一种是使用点运算符（.），还有一种是使用方括号运算符（[]）。

var obj={
     "name":"小夏",
     "from":"江西"
}
console.log(obj['name'])//使用方括号读取对象属性的时候要加引号
obj.age=23; //使用点运算符设置属性
obj['habbit']='eat'; //使用方括号设置属性
console.log(obj.age)

对象属性的操作

1.[Object.keys()]获取对象所有属性

for(let i of Object.keys(obj)){
    console.log(i)
}

2.[Object.values()]获取对象所有值

for(let i of Object.values(obj)){
    console.log(i)
}

3.[Object.entries()]获取对象所有键值对

for(let i of Object.entries(obj)){
    console.log(i)
}

4.delete删除一个属性

delete obj['name']

5.in检查对象是否包含一个属性(返回true 、false)

'name' in obj

对象的遍历

1.for-----in遍历对象所有属性

for(let i in obj){
    console.log(i)
}

2.for-----of遍历对象所有属性

for(let i of Object.keys(obj)){
    console.log(i)
}

Math对象

---

Math对象是数学对象

Math对象的属性和方法

属性：PI（圆周率）
方法：
random():随机函数（0-1）
floor():向下取整
ceil():向上取整
round():四舍五入取整
pow():求一个数的幂数
max():求最大值
min():求最小值
abs():绝对值
sqrt()：求平方根

Date对象

---

Date对象是JavaScript提供的日期和时间的操作接口。
​在JavaScript内部，所有日期和时间都储存为一个整数。
​这个整数是当前时间距离1970年1月1日00:00:00的毫秒数，正负的范围为基准时间前后各1亿天
​同Math对象一样，javascript也为Date对象提供了很多内置的方法。
方法：
getTime():获取距离1970年1月1日的毫秒数
getYear():获取年份（距离1900的年数）
getFullYear()：获取全年（4位数）
getMonth()：获取月份（0-11）
getDate()：获取日期
getDay()：获取星期几（0-6）,0：星期日，6：星期六
getHours()：获取小时（0-23）
getMinutes()：获取分钟（0-59）
getSeconds()：获取秒数（0-59）
toLocaleString()：获取当地的日期和时间
toLocaleDateString()：获取当地的日期
toLocaleTimeString():获取当地的时间
函数：
Date对象是一个构造函数，对它使用new命令，会返回一个Date对象的实例。
一些其他合法的日期字符串写法
new Date(datestring)
new Date(“2013-2-15”)
new Date(‘2013/2/15’)
new Date(“2013-FEB-15”)
new Date(“FEB, 15, 2013”)
new Date(“FEB 15, 2013”)
new Date(“Feberuary, 15, 2013”)
new Date(“Feberuary 15, 2013”)
new Date(“15, Feberuary, 2013”)
Sun Jan 06 2013 00:00:00 GMT+0800 (中国标准时间)

@author 小夏
下次见！
小夏下次整理一期实例哦~