对象JavaScript

第一部分初次见面的对象

1.什么是对象？

在JavaScript中，对象是一种数据类型，是属性和方法的集合。属性是指事物的特征，通过“对象”来访问。属性名称”；方法是指事物的行为，通过使用“对象”来访问。方法名()”。

2.创建具有文字量的对象

对象的字面量是用花括号“{}”将对象中的成员括起来，每个成员以“key: value”的形式保存。Key表示属性名或方法名，value表示相应的值。多个对象成员由“，”分隔。

3.访问对象的属性和方法。

当对象成员包含特殊字符时，可以用字符串表示:

手动分配属性或方法以添加成员。

4.用新对象创建对象

var obj = new Object()；//创建了空之间的对象

obj.name = & # 39小明& # 39；；//创建对象后，向对象添加成员

……

5.使用构造函数创建对象。

使用构造函数创建对象的语法是“new constructor name()”。参数可以用括号传递给构造函数。如果没有参数，括号可以省略。

示例:

//编写构造函数

函数构造函数名(){

这个。财产=财产；

这个。方法=函数(){

//方法体

}

}

//使用构造函数创建对象

Var obj =新的构造函数名()；

6.遍历对象的属性和方法。

1.通过使用for…in语法，可以遍历对象中的所有属性和方法。示例代码如下:

// obj是表示遍历的对象。

var obj = { name:& # 39；小明& # 39；，年龄:18，性别:& # 39；男& # 39；};

//遍历obj对象

for(对象中的变量k){

//可以通过k得到遍历过程中的属性名或者方法名。

console . log(k)；//输出:依次为姓名、年龄、性别

console . log(obj[k])；//依次输出:小明，18，男

}

2.使用in运算符确定对象中的成员是否存在。

var obj = { name:& # 39；汤姆& # 39；，年龄:16 }；

console . log(& # 39；年龄& # 39；在obj)；//output: true，表示有console . log(& # 39；性别& # 39；在obj)；//output: false，表示对象成员不存在

第二部分内置对象

JavaScript提供了许多常用的内置对象，包括数学、日期、数组和字符串。以Mozilla开发者网络(MDN)为例，演示如何在JavaScript中查阅内置对象的使用。

第三部分数学对象

Math对象的使用

成员

功能

产品改进(Product Improve)

得到圆周率，结果是3。36860 . 68686868661

abs(x)

获取x的绝对值，可以作为普通数值传入，也可以作为字符串表示的数值传入。

最大()

获取所有参数的最大值。

最小值()

获取所有参数的最小值。

幂(基数，指数)

获取底数(base)的指数幂，即baseexponent。

sqrt(x)

得到x的平方根

上限(x)

得到大于等于x的最小整数，即向上取整。

楼层(x)

得到小于等于x的最大整数，即向下舍入。

圆形(x)

获取x的舍入整数值

随机()

获取大于或等于0.0且小于1.0的随机值。

2.生成指定范围内的随机数。

Math.random()用于获取随机数，每次调用该方法返回的结果都不一样。此方法返回的结果是一个很长的浮点数，范围从0到1(不包括1)。

第四部分日期对象

日期对象的使用

JavaScript中的Date对象需要用new Date()进行实例化，new Date()是Date对象的构造函数。Date()构造函数可以传入一些参数，

日期的常见get方法。

方法

功能

getFullYear()

得到代表年份的4位数，比如2020。

getMonth()

获取月份，范围从0到11 (0表示一月，1表示二月，以此类推)

获取日期()

获取一个月中的某一天，范围从1到31。

getDay()

获取星期，范围从0到6 (0表示星期日，1表示星期一，依此类推)

getHours()

获取小时数，返回0~23。

getMinutes()

获取分钟数，范围从0到59。

getSeconds()

获取秒数，范围从0到59

getMilliseconds()

获取毫秒数，范围从0到999。

getTime()

获取从1970-01-01 00:00:00到Date对象表示的时间之间的毫秒数。

日期的常用设置方法。

方法

功能

setFullYear(值)

设定年份

setMonth(值)

设置月份

设置日期(值)

设置一个月中的某一天。

设置时间(值)

设定时间

设定分钟数(值)

设置分钟数

设置秒(值)

设置秒数。

setMilliseconds(值)

设置毫秒数

设置时间(值)

从1970-01-01 00:00:00开始按毫秒数设置时间。

第五部分数组对象

1.阵列类型检测

有两种常见的类型检测方法，即使用instanceof运算符和使用Array.isArray()方法。

2.添加或删除数组元素

JavaScript object提供了添加或删除元素的方法，可以在数组的末尾或开头添加新元素，或者移出数组的末尾或开头的元素。

3.数组排序

JavaScript对象提供了数组排序的方法，可以对数组元素进行排序，也可以反转数组元素的顺序。排序方法如下:

4.数组索引

在开发中，要查找数组中指定元素的位置，可以使用Array对象提供的检索方法。

默认情况下，搜索从指定数组索引的位置开始，搜索方法与运算符“= = =”相同，即只有同余才会返回相对成功的结果。

5.将数组转换为字符串

在开发中，可以使用数组对象的join()和toString()方法将数组转换为字符串。该方法如下:

6.其他方法

JavaScript还提供了许多其他常用的数组方法。比如填充数组、连接数组、截取数组元素等。该方法如下:

slice()和concat()方法在执行后返回一个新数组，这不会影响原来的数组。其余的方法将在执行后影响原始数组。

第6部分字符串对象

字符串对象的使用

对象是用新的String()创建的，该字符串被传递到字符串构造函数中，因此该字符串将被保存在返回的String对象中。

String对象提供检索元素的属性和方法。string对象的常见属性和方法如下:

2.根据位置返回字符

3.字符串操作方法

CharAt()方法通过程序计算一个字符串中最多的字符和次数。

对象提供了一些用于截取字符串、连接字符串和替换字符串的属性和方法。字符串的常见属性和方法如下:

第七部分参考值和参考类型

值类型引用类型

在JavaScript中，简单数据类型(如字符串、数字、布尔、未定义、null)也称为值类型，复杂数据类型(对象)也称为引用类型。引用的特点是变量中只存储引用的地址。当给一个变量赋值时，不复制对象，而是两个变量指向同一个对象的引用。

当一个对象只被一个变量引用时，如果这个变量被重新赋值，那么这个对象就会被JavaScript垃圾收集机制自动释放。

如果在函数的参数中修改了对象的属性或方法，则通过在函数外部引用该对象的变量访问该对象的结果也会被修改。

第8部分示例

1.掌握日期对象的用法，完成下页。显示当前日期和时间。

要求:使用Date对象的各种get方法，显示以下两种格式。

格式1:没有分、秒、周的显示格式。

格式二:处理过多分、秒、周的显示格式。

二、掌握数组的使用，实现简单版的课堂点名。

要求:需要一个数组存储10个同学的名字。当点击点名按钮时，可以通过随机生成0-9的随机数来实现。然后出示对应同学的名字。学生也可以下载老师发来的全班列表，处理列表中的字符串，得到一个数组。

三。用户定义的对象1

定义一个Person构造函数(有两个参数，姓名和年龄)，包含姓名、年龄属性和sayHello方法(弹出一个消息框，显示:“大家好，我是谁，多大了！”)。根据构造函数创建三个对象p1、p2、p3。分别调用三个对象的sayHello方法。观察输出结果。

四。创建这样的注册页面。点击注册按钮时，检查用户名是否符合规范。如果不符合规范，会弹出错误提示。如果有，会成功弹出注册。

要求:

用户名长度必须在3到10位之间，并且用户名不能包含敏感词admin。

5.查找字符串中出现频率最高的字母。(字符串和自定义对象)