学习指标:

节数知识点要求
第一节(对象概述)创建对象理解
第二节(对象的创立)怎么创建对象理解
对象的形成理解
创建对象理解
第三节(键名和键值 )对于键名把握
对于键值把握
第四节(Math对象)Math对象的介绍理解
Math对象的属性和办法把握
第五节(Date对象)Date对象的介绍理解
Date的办法把握

为什么要应用对象?

因为对象能帮咱们解决一些简单的问题

一、对象概述

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

1.1 什么是类

:就是具备雷同的属性和办法的汇合。人类,动物类,家电类等。

1.2 什么是对象

对象:就类中的一个具体的实物。人类-具体某一个人(张三丰)。

动物类-(一个具体的动物-东北虎),家电类-(具体一个比如说电视。)

js 中咱们蕴含哪些对象呢?

1) 内置对象(本地对象):Math对象,Number对象,Date对象等,零碎给咱们提供好的,咱们拿过去用就能够了。

2) 宿主对象:dom(文档对象模型),bom(浏览器对象)。

3) 自定义对象:咱们本人定义和开发的对象。

二、对象的创立(重点)

2.1 怎么创建对象 <img src="020202JS对象.assets/clip_image001.jpg" alt="IMG_256" style="zoom:33%;" />

语法:var obj = { key : value };

下面代码定义了一个对象,它被赋值给变量obj。

key是“键名”

value是“键值”

ps:如果对象外部蕴含多个键值对,每个键值对之间用逗号分隔。最初一个键值对开端不必加逗号

var obj = {key1:value1,key2:value2};

2.2 对象的形成

对象是JavaScript的外围概念,也是最重要的数据类型。JavaScript的所有数据都能够被视为对象。此外,JavaScript 容许自定义对象。

对象(object)是大括号定义的无序的数据汇合,由键值对形成,键名,键名与键值之间用冒号分隔,大括号开端要应用分号示意对象定义完结。

2.3 创建对象

a.间接应用大括号创建对象

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

c.应用Object.create办法创建对象

var obj1 = {};

var obj2 = new Object();

var obj3 = Object.create(null);

Object是在javascript中一个被咱们常常应用的类型,而且JS中的所有对象都是继承自Object对象的

三、对象的键名和键值(重点)

3.1对于键名

键名也被称为属性(property),对象的所有属性都是字符串,所以加不加引号都能够。

因而下面的代码也能够写成上面这样:

var obj = { 'key': value };

然而,如果属性不合乎标识符的条件(比方第一个字符为数字,或者含有空格或运算符),则必须加上引号

var obj = {

'1p': "Hello World",

'h w': "Hello World",

'p+q': "Hello World"

};

下面对象的三个属性,都不合乎标识名的条件,所以必须加上引号

ps:JavaScript的保留字能够不加引号间接当作对象的属性。

3.2对于键值

键值是属性所对应的具体的值。javascript的对象的键值能够是任何数据类型。

var frank = {

name: "Frankenstein Add",

age: 18,

sex: "male"

ability: eat();//eat()示意函数

};

ps:如果一个属性的值(ability)为函数,通常把这个属性称为“办法”

四、对象的援用(重点)

4.1 对象属性的读取和设置

读取对象的属性,有两种办法:

一种是应用点运算符(.),还有一种是应用方括号运算符([])。

须要留神的是,应用方括号读取对象属性的时候须要加引号

点运算符用来为对象的属性写入值。

[]的应用总结阐明:

\1. 能够应用一个变量存储对象的属性,.是不能应用的

\2. 能够应用纯数字的形式来拜访,.是不能应用的

.的应用的总结阐明:

1.点(.)运算符能够将js的关键字(var,if等)作为属性来拜访。

4.2 对象属性的操作

【Object.keys()】获取对象所有属性

【Object.values()】获取对象所有的值

【Object.entries()】获取对象所有的键值对

【delete】删除一个属性

【in】查看对象是否蕴含一个属性(true,false)

【for in】遍历对象所有属性

【for of】遍历对象所有属性

5.3 实例:获取一个范畴的随机数

Math.random():返回0-1之间的随机数

公式:求一个数的范畴

max:最大数

min:最小数

parseInt((max-min+1)*Math.random()+min)

5.4 实例:单击随机生成四位数字验证码

六、Date对象

6.1 Date对象的介绍

Date对象是JavaScript提供的日期和工夫的操作接口。

在JavaScript外部,所有日期和工夫都贮存为一个整数。

这个整数是以后工夫间隔1970年1月1日00:00:00的毫秒数,正负的范畴为基准工夫前后各1亿天

同Math对象一样,javascript也为Date对象提供了很多内置的办法。

6.2 Date函数

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 (中国规范工夫)