进击的JavaScript小白(六)——内置对象

内置对象?emmmm…哦~

一、Math对象

Math是一个对象,内部设置了许多跟数学操作相关的属性和方法

1、属性

① Math.PI,圆周率,3.141592654…
② Math.E,算术常量 e,2.718…
③ LN10,返回 10 的自然对数,2.302…
等等,其实这些大都不常用,也不用非要记下来,浪费脑容量,需要的时候可以去网上查

2、方法

常用的方法加粗显示
Math.max() 用于计算多个值中的最大值
Math.abs() 用于获取绝对值
Math.floor() 向下取整
Math.ceil() 向上取整
⑤ Math.round() 四舍五入 - 不常用
Math.random() 0 ~ 1 之间的随机数
Math.min() 用于计算多个值中的最小值
⑧ Math.log(x) 返回数的自然对数(底为e)
⑨ Math.pow(x,y) 返回 x 的 y 次幂
⑩ Math.sqrt(x) 返回数的平方根
方法只列举了一些常用的,还有其他的,比如说关于角的函数,需要的可以去找,我给个链接。
http://www.w3school.com.cn/jsref/jsref_obj_math.asp

二、Date对象

Date是日期对象,内部设置了一些与日期操作相关的功能。
Date是一个构造函数,需要进行对象创建后再使用功能,new一下。

1、创建方法

//  - 默认是计算机当前时间
		var date = new Date();
		//  - 通过设置参数,设置date为某个指定的日期
		//   - 数值类型的参数传入方式
		//		- 注意:数值类型设置时,月份是从0开始的
		var date = new Date(2008, 11, 5, 10, 11, 12);
		//    - 字符串类型的参数传入方式 - 常用
		var date = new Date('2015-1-2 10:12:15');

2、转换方法

//将日期对象转换为毫秒形式(1s === 1000ms)(当前某个日期到1970年1月1日之间的时间的毫秒形式)
		var date = new Date();
		console.log(date.getTime());
		console.log(date.valueOf());
		console.log(Date.now());
		console.log(Date.parse('2015-1-1'));
		console.log(+new Date());

3、其他方法

//其他方法:一组方法均用于获取日期中的某个部分
		var date = new Date();
		console.log(date.getFullYear()); // 2018
		console.log(date.getMonth()); // 7 月份从0开始,需要使用结果+1才可以表示当前月份
		console.log(date.getDate()); // 20
		console.log(date.getDay()); // 1  星期从0开始,0代表周日
		console.log(date.getHours());
		console.log(date.getMinutes());
		console.log(date.getSeconds());
		console.log(date.getMilliseconds()); // 范围为0-1000,不含1000

三、Array对象

Array对象简直是对象中的极品,别的对象买个包就行了,她得要劳斯莱斯幻影才能哄好。
数组实际上也是对象中的一种,对象实际上有很多种形式,根据功能不同又划分为了不同类型

1、属性

① arr.length 设置或返回数组中元素的数目
② arr.prototype 可以向对象添加属性和方法
③ arr.constructor 返回对创建此对象的数组函数的引用

2、方法

concat() 用于进行数组连接操作
这个方法不会修改原数组。
参数:不限制个数,如果是除数组以外的值,会被添加到数组的最后
如果设置的参数为数组结构,会进行连接
返回值:将操作后的新数组返回
特殊使用方式:可以简化浅拷贝的操作方式,但是不能实现深拷贝效果。

join() 把数组的所有元素放入一个字符串
元素通过指定的分隔符进行分隔。
参数:连接符
如果不传入参数,默认采用逗号连接
如果传入空字符串,会直接将每个元素进行连接

pop() - 从数组最后位置删除一个元素
返回值:删除掉的元素

push() - 向数组的最后位置添加元素
参数:不限制个数,会被依次添加到数组的最后
- 返回值:添加元素后数组的新长度

reverse() 颠倒数组中元素的顺序。

shift() - 从数组最前面位置删除一个元素
返回值:删除掉的元素

slice() 用于对数组中的指定部分元素进行拷贝操作
注意:这个方法不会修改原数组。
参数1: 拷贝起始位置的索引值
参数2: 拷贝结束位置的索引值(不含此位置的元素)
返回值:拷贝的元素组成的数组(与原数组没有关系)
不传参数,默认拷贝所有元素
只传一个参数,从参数1索引对应位置拷贝到最后
支持负数参数,表示从后往前数

sort() 对数组的元素进行排序

splice() 用于对数组进行增删改操作
参数1:截取的起始位置索引值
参数2:截取个数
后续参数:用于向截取位置添加元素
返回值:截取的元素组成的数组。
只传一个参数,从指定索引位置截取到数组最后
传两个参数,从指定索引位置截取指定个数元素
修改功能

arr.splice(1, 2, 100, 200, 300)

向数组中指定的索引位置放入元素

arr.splice(1, 0, 100, 200)

较为常用的功能为:删除数组中指定的元素,向数组中指定位置添加元素

unshift() - 向数组的最前面位置添加元素
参数:不限制个数,会被依次添加到数组的最前面位置
返回值:添加元素后数组的新长度
indexOf() 用于获取数组中某个元素的索引值,在ie9以下不支持。
参数1:要检索的元素值
参数2:默认值为0,表示检索的起始位置索引值
返回值:返回从左往右找到的第一个元素的索引值
如果没有查找到对应的元素,返回值为 -1
lastIndexOf() 用于获取某个元素在数组中的索引值,检索顺序与indexOf相反,在ie9以下不支持。
功能的结果与indexOf最终结果没有区别,作为了解。
reverse() 翻转数组
返回值:返回修改后的原数组(与原数组是同一个数组)
由于返回值和原数组是同一个,所以没有必要接收返回值使用。
sort() 排序
返回值:返回修改后的原数组(与原数组是同一个数组)

1、 对字符串数组进行排序操作,按照字符串的首字母,以a-z的顺序排列
2、如果数值大于9(两位数以及以上值),也是按照第一个字符的顺序排列
升序(从小到大排序):   function (a, b) { return a - b; }
降序(从大到小排序):   function (a, b) { return b - a; }

toString() 将一个数组转换为字符串类型
返回字符串,形式为将每个元素按照逗号,连接。

四、基本包装类型对象

问题:字符串这种基本数据类型值为什么会具有属性(或方法)呢?
注意:字符串就是一种基本数据类型值。
原因:由于字符串非常常用,所以js为了方便开发者使用,会在我们使用基本数据类型的属性或方法时给我们自动创建一个对象,这种对象称为基本包装类型对象。会使用这个对象的属性和方法,等使用完毕,这个对象会被移除。
概念:用于对基本数据类型值进行操作的对象称为 基本包装类型对象。
这种对象是js操作时使用的,js会自动完成,我们不需要写, 自己使用这种对象会产生歧义。

五、字符串

1、属性

**length属性:**用于获取字符串中的字符个数

2、方法

concat() - 用于字符串连接操作
参数:个数不限,会按照顺序连接到字符串的最后
如果传入的是数组值,会自动转换为字符串形式(使用逗号连接所有元素)后再拼接
返回值:连接后的新字符串
slice() - 用于拷贝字符串中的某些指定字符
参数1:起始位置索引值
参数2:结束位置索引值(结束位置的字符取不到)
返回值:拷贝后的字符串
substring() - 用于拷贝字符串中的某些指定字符
参数1:起始位置索引值
参数2:结束位置索引值(结束位置的字符取不到)
返回值:拷贝后的字符串
如果传入了负数,会自动识别为0
如果参数2大于参数1,会交换两个参数的值
substr() - 用于拷贝字符串中的某些指定字符
参数1:起始位置索引值
参数2:拷贝的字符个数
返回值:拷贝后的字符串
大小写转换
toUpperCase() 将字符串转换为大写
toLowerCase() 将字符串转换为小写
replace() 替换字符串内的某些部分
参数1:要替换的内容
参数2:替换为什么内容
只能替换从左往右找到的第一个满足的字符串
split() - 用于按照指定的分隔符将字符串分隔
参数:分隔符
返回值:返回分割后的多个部分组成的数组
传入字符串,按照字符串分隔
传入空字符串,可以将原字符串的每个字符都分开。
字符串和数组的结合使用功能
Ⅰ 删除字符串中的指定字符串部分
str. split(’-’). join(’’)
Ⅱ 替换字符串中的指定字符串部分
str. split(’-’). join(’|’)
Ⅲ 翻转字符串
str. split(’’). reverse(). join(’’)
创建重复字符串
Ⅰ new Array()参数传入一个数值,用于表示数组的默认长度,这种操作单独使用没有意义
Ⅱ 创建n个重复字符串可以利用:new Array(n + 1).join(值)
字符串具有不可变性:字符串的任意操作均无法修改原字符串。上述所有字符串操作方法,均无法修改原字符串,而是通过返回值的方式将结果返回。
小白在这篇文章就写完了,下一篇就开始写大白,啦啦啦啦,撒花撒花( ̄y▽ ̄)╭ Ohohoho…

猜你喜欢

转载自blog.csdn.net/weixin_40589472/article/details/84032156
今日推荐