js内置对象
程序员文章站
2022-04-14 19:38:50
js内置对象 1. JavaScript中的对象分为3中;自定义对象/内置对象,浏览器对象 2. Math对象 Math.PI; 圆周率 Math.floor();向下取整 Math.ceil();向上取整 Math.max();最大值 Math.min();最小值 Math.randon();随机 ......
js内置对象
javascript中的对象分为3中;自定义对象/内置对象,浏览器对象
-
math对象
math.pi; 圆周率
math.floor();向下取整
math.ceil();向上取整
math.max();最大值
math.min();最小值
math.randon();随机数
-
得到一个数之间的随机整数,包括两个数在内
function getrandomintinclusive(min,max){ return math.floor(math.random()*(max - min + 1)) + min; }
-
date() 日期对象 是一个构造函数 必须使用new 来调用创建
var date = new date(); console.log(date);//wed dec 04 2019 20:17:25 gmt+0800 (中国标准时间) var date1 = new date(2019,10,1);//数字型 fri nov 01 2019 00:00:00 gmt+0800 (中国标准时间) console.log(new date('2019-10-1 20:25:30'));//tue oct 01 2019 20:25:30 gmt+0800 (中国标准时间)
-
date()方法的使用
- 获取当前时间必须实例化
- date()构造函数的参数
- 如果括号里面有时间,就返回参数里面的时间。例如日期格式字符串为‘2019-5-1’,可以写成new date('2019-5-1')或者new date('2019/5/1')
-
日期格式化
-
console.log(console.log(new date().getfullyear());//输出当前年
方法名 说明 代码 getfullyear() 获取当前年 new date().getfullyear(); getmonth() 获取当前月(0-11) new date().getmonth(); getdate() 获取当天日期 new date().getdate(); getday() 获取星期几(周日0 到周六6) new date().getday(); gethours() 获取当前小时 new date().gethours(); getminutes() 获取当前分钟 new date().getminutes(); getseconds() 获取当前秒钟 new date().getseconds();
-
console.log(new date().valueof());//1575543088420 现在据1970.01.01 00:00:00 总的毫秒数 console.log(new date().gettime()); console.log(+new date()); console.log(date.now());
-
倒计时案例
核心算法:输入的时间减去现在的时间就是剩余的时间,及倒计时,但是不能拿着时分秒相减,比如05分减去25分,结果会是负数。
用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余时间的毫秒数。
-
把剩余时间总的毫秒数转为天、时、分、秒(时间戳转换为时分秒)
-
转换公式:
- d=parseint(总秒数/60/60/24);//计算天数
- h=parseint(总秒数/60/60%24);//计算小时
- m=parseint(总秒数/60%60);//计算分数
- s=parseint(总秒数%60);//计算当前秒数
function conutdown(time){ var nowtime= +new date();// 返回的是当前时间总的毫秒数 var inputtime = +new date(time);// 返回的时用户输入时间总的毫秒数 var times = (inputtime - nowtime) / 1000;//times是剩余时间总的秒数 var d=parseint(times/60/60/24);//计算天数 d = d< 10 ? '0' + d : d; var h=parseint(times/60/60%24);//计算小时 h = h < 10 ? '0' + h : h; var m=parseint(times/60%60);//计算分数 m = m < 10 ? '0' + m : m; var s=parseint(times%60);//计算当前秒数 s = s < 10 ? '0' + s : s; return d + '天' + h + '时' + m + '分' + s + '秒'; }
-
-
array()
-
创建数组的方式
- 利用字面量
- var arr =[];
- 利用new array()
- var arr=new array(); //创建了一个空数组
- var arr=new array(2); //表示数组长度为2 里面有2个空的数组元素
- var arr=new array(2,3); //等价于[2,3] 这样写表示 里面有2个数组元素 是 2和3
- 利用字面量
-
检测是否为数组
instanceof 元算符 它可以用来检测是否为数组
var arr=[]; var obj={}; console.log(arr instanceof array); //true console.log(obj instanceof array); //false
array.isarray(参数);
-
添加删除数组元素方法
-
push() 在数组的末尾 添加一个或多个数组元素
var arr =[1,2,3]; arr.push(4);
【注意】
- push 是可以给数组追加新的元素
- push()参数直接写 数组元素
- push 完毕之后 ,返回的结果是 新数组的长度
- 原数组也会发生变化
-
unshift 在数组的开头 添加一个或多个数组元素
方法名 说明 返回值 push(参数1.。。) 在数组的末尾 添加一个或多个数组元素 新数组的长度 pop() 删除数组最后一个元素,把数组长度减一 无参数 修改原数组 返回删除的元素值 unshift(参数1.。) 在数组的开头 添加一个或多个数组元素 返回新数组的长度 shift() 删除数组的第一个元素,数组长度减1 无参数/修改原数组 并返回第一个元素的值
-
-
数组排序
方法名 说明 是否修改原数组 reverse() 点到数组中元素的顺序,无参数 该方法会改变原来的数组 返回新数组 sort() 对数组的元素进行排序 该方法会改变原来的数组 返回新数组 -
数组索引方法
方法名 说明 返回值 indexof() 数组中查找给定元素的第一个索引 如果存在返回索引号 如果不存在,则返回-1 lastindexof() 在数组中的最后一个索引 如果存在返回索引号 如果不存在,则返回-1 -
数组去重案例
//核心算法:我们遍历就数组,然后拿就数组元素去查询新数组,如果该元素中在新数组中没有添加,有就不添加 function unique(arr){ var newarr=[]; for (var i = 0 ; i <arr.length; i++){ if(newarr.indexof(arr[i] === -1)){ newarr.push(arr[i]); } } return newarr; }
-
数组转换为字符串
方法名 说明 返回值 tostring() 把数组转换成字符串,逗号分隔每一项 返回一个字符串 join('分隔符') 方法用于把数组中的所有元素转换为一个字符串
-
-
字符串对象
字符串所有的方法,都不会修改字符串本身(字符串是不可变的)
var str = "abcd,abcd"; console.log(str.indexof('c'));//2
-
案例:返回某个字符出现的位置以及次数
核心算法:先查找第一个o出现的位置
然后 只要indexof返回的结果不是-1就继续往后查找
因为indexof只能查找到第一个,所以后面的查找,利用第二个参数,当前索引加1,从而继续查找
var str="abcoefoxyozzopp"; var index =str.indexof('o'); while(index !== -1){ console.log(index); str.indexof('o',[index+1]); }
-
根据位置返回字符(重点)
方法名 说明 使用 charat(index) 返回指定位置的字符(index 字符串的索引号) str.charat(0) charcodeat(index) 获取指定位置处字符的ascii码(index索引号) str.charcodeat(0) str[index] 获取指定位置处字符 html5,ie8+和charat()等效 -
字符串操作方法
方法名 说明 concat(str1,str2,str3...) concat()方法用于连接两个或多个字符串。拼接字符串,等效与+,+更常用 substr(start,length) 从start位置开始(索引号),length取的个数 slice(start,end) 从start位置开始,截取end位置,end取不到 substring(start,end) 从start位置开始,截取到end位置,end取不到 基本和slice相同 但是不接受负值 -
替换字符
- replace(‘被替换的字符’,‘替换的字符’)
-
字符串转换为数组 split("分隔符")
上一篇: 攻略前端面试官(二):作用域和闭包