内置对象
JavaScript中所有事物都是对象,包括字符串、数字、数组、日期…
内置对象都有自己的属性和方法,访问方法如下:
对象名.属性名称;
对象名.方法名称
JavaScript提供了多个内置对象,常见的内置对象有Math、String、Array、Date等
Math对象
Math对象中封装很多与数学相关的属性和方法。
属性名称.方法名 | 功能 |
---|---|
Math.PI | 求圆周率 |
Math.floor() | 向下取整 |
Math.ceil() | 向上取整 |
Math.round() | 四舍五入 |
Math.abs() | 绝对值 |
Math.max() | 最大值 |
Math.min() | 最小值 |
Math.random() | 获取范围内的随机值 |
上边的方法除了求圆周率不用带括号外,其他方法必须带上括号不然会出错
<script>
console.log(Math.PI)// 求圆周率函数
var sum = 2.5;
//向下取整数
console.log(Math.floor(sum))
//向上取整数
console.log(Math.ceil(sum))
//四舍五入法(就近取整)
console.log(Math.round(sum))
var a=-2.5;
console.log(Math.round(a))//输出-2
//求绝对值
console.log(Math.abs(sum))
//求最大值最小值
es6拓展运算符...
Math.max(...arr)//数组前加上拓展运算符就可以去除数组里的数
var arr=[3,15,52,6,8]
console.log(Math.max(...arr));
console.log(Math.min(...arr));
// 获取指定范围内的随机函数
function getRandom(min,max){
return Math.floor (Math.random()*(max - min + 1)) + min;
}
var sum=getRandom(1,4);
console.log(sum)
</script>
日期对象
使用Date实例化日期对象
- 获取当前时间必须实例化:
var now = new Date();
- 获取指定时间的日期对象
var future = new Date(‘2020/5/1’)
如果创建之后没有传入参数,它就会自动获取当前的日期。
方法名 | 说明 |
---|---|
getFullYear() | 获取当年 |
getMonth() | 获取当月 |
getDate() | 获取当天日期 |
getDay() | 获取星期几 |
getHours() | 获取当前小时 |
getMinutes | 获取当前分钟 |
getSeconds() | 获取当前秒数 |
获取当前月份和星期的时候必须加1再输出,因为星期和月份默认从0开始的,如1月份的话输出的就是0
<script>
var now=new Date('2020/9/29');
console.log(now.getMonth()+1)
</script>
数组对象
创建数组的两种方式:
var arr = [‘aa’,’ bb’,‘cc’];
如果有多个参数,他们就被称为数组里的元素
var arr = new Array(2);
括号里的参数代表着规定了数组的长度
数组中的每个值都有索引,数组的索引代表的是数组中的元素在数组中的位置,从0开始
在 JavaScript 种获取数组某一项的值都是通过数组元素的下标来获取,默认也是从0开始的
数组的常用方法
- 添加删除数组元素的方法
方法名 | 说明 | 返回值 |
---|---|---|
push(参数1…) | 末尾添加元素也可多个添加 | 返回新的长度 |
pop() | 删除数组最后一个元素 | 返回删除的元素之 |
unshift(参数1…) | 在数组开头添加元素也可多个添加 | 返回新长度 |
shift() | 删除数组第一个元素 | 返回第一个元素的值 |
- 数组排序
方法名 | 说明 | 返回值 |
---|---|---|
reverse() | 颠倒数组中元素的顺序 | 改变原来的数组 返回新数组 |
sort() | 对数组的元素进行排序 | 改变原来的数组 返回新数组 |
用sort()进行升序和降序。
<script>
var arr = [1, 2, 5, 4, 5, 6]
arr.sort((a, b) => a - b)
console.log(...arr) //1,2,4,5,5,6
arr.sort((a, b) => b - a)
console.log(...arr) //6,5,5,4,2,1
</script>
- 数组索引方法
方法名 | 说明 | 返回值 |
---|---|---|
indexOf() | 数组中查找给定元素的第一个索引 | 不存在返回-1 |
lastIndexOf() | 查找最后一个索引 | 不存在返回-1 |
- 数组转换为字符串
方法名 | 说明 | 返回值 |
---|---|---|
toString0 | 把数组转换成字符串,逗号分隔每一项 | 返回一个字符串 |
join("分隔符’) | 方法用于把数组中的所有元素转换为一个字符串。 | 返回一个字符串 |
注意: join方法如果不传入参数,则按照”,"拼接元素
<script>
var a = [2,3,4,1,6];
aa=a.toString(); //用tostring方法转换
b = a.join('*'); //用join方法转换
document.write(aa)
document.write(b)
</script>
- 其他方法
方法名 | 说明 | 返回值 |
---|---|---|
concat() | 连接两个或多个数组,不影响原数组 | 返回新数组 |
slice() | 数组截取slice(begin索引,end索引) 不包括end值 | 返回被截取项目的新数组 |
splice() | 数组删除splice(第几个开始,要删除个数) | 会影响原数组 |
字符串对象
JavaScript 字符串用于存储和处理文本,字符串可以是插入到引号中的任何字符(可以使用单引号或双引号)
可以使用索引位置来访问字符串中的每个字符 (字符串的索引从 0 开始)
- 获取字符串的位置
- indexOf() 返回字符串中指定文本首次出现的索引(位置),找不到就返回-1。
string.indexOf(str)
- lastIndexOf()返回指定文本在字符串中最后一次出现的索引,找不到返回-1。
string.lastIndexOf(str)
- indexOf() 返回字符串中指定文本首次出现的索引(位置),找不到就返回-1。
- 根据位置返回字符
方法名 | 说明 | 使用 |
---|---|---|
charAt(index) | 返回指定位置的字符(index字符串的索引号) | str.charAt(0) |
charCodeAt(index) | 获取指定位置处字符的ASCII码(index索引号) | str.charCode(0) |
str[index] | 获取指定位置处字符 | HTML5,IE8+支持和charAt()等效 |