JavaScript 内容总结(JavaScript高级程序设计)
1.内置对象
- 由开发者提供,js自带,直接调用即可
2.查文档
- MDN
3.Math对象
console.log(Math.PI);//3.141592653589793
console.log(Math.max(1, 22, 33, 32));//33
console.log(Math.max(1, 22, 'zz'));//NaN
console.log(Math.max());//-Infinity
Math.abs(2);//绝对值 4
Math.floor(1.9);//向下取整 1
Math.ceil(1.9);//向下取整 2
Math.round(1.9);//四舍五入 2
//.5特殊 往大了取;
//封装自己的数学对象
var myMath={
PI:3.141592653589793,
max:function() {
var max = arguments[0];
for (let i = 0; i < arguments.length; i++) {
if (arguments[i] > max) {
max = arguments[i];
}
}
return max;
}
}
console.log(myMath.PI);//3.141592653589793
console.log(myMath.max(1, 22, 33, 32));//33
Math.random() //返回随机小数
function getRandom(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
console.log(getRandom(1, 10));//输出1-10之间的随机数
4.日期对象
var date = new Date();//返回当前系统的当前时间
var date = new Date(2019,10,1);//返回11月
var date = new Date('2019-10-1 8:8:8');//返回参数时间
-
日期格式化
-
获取日期的总的毫秒形式(时间戳)
- valueOf();
- getTime();
- var date = +new Date();
- Date.now();
function conutDown(time) { var nowTime = +new Date(); var inputTime = +new Date(time); var times = (inputTime - nowTime) / 1000; var d = parseInt(times / 60 / 60 / 24); d = d < 10 ? '0' + d : d; var h = parseInt(times / 60 / 60 % 24); history = 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+'秒'; //天 时 分 秒 } console.log(conutDown('2021-5-1 18:00:00'))
5.数组对象
-
检测是否为数组
- instanceof :arr instanceof Array
- Array.isArray():Array.isArray(arr)
-
添加删除数组元素的方法 array.方法名
-
数组排序 array.方法名
- reverse():反转数组
- sort( function(a,b){ return a-b}):冒泡排序 升序排列
- sort( function(a,b){ return b-a}):冒泡排序 降序排列
-
数组索引方法 array.方法名(‘数组元素’) 只返回一个索引
-
数组去重 拿旧数组的数组元素去查询新数组
function unique(arr) { var newArr = []; for (let i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i]) === -1) { newArr.push(arr[i]); } } return newArr; } var arr = unique([1, 1, 3, 4, 5, 5, 52]); console.log(arr);
-
将数组转换成字符串 array.方法名
6.字符串对象
-
基本包装类型:把简单数据类型 包装成 复杂数据类型
var str = 'andy'; console.log(str.length);
对象 才有 属性和方法 复杂数据类型才有 属性和方法
简单数据类型为什么会有length 属性呢?
就是因为 语句内部进行了包装操作
//相当于 var temp = new String('andy') str = temp; temp = null; console.log(str.length);
-
字符串的不可变性 :不要大量拼接字符串 浪费内存
var str = 'andy'; console.log(str);//andy str = 'red'; console.log(str);//red // 看上去确实是变了 其实 只是新开辟了内存空间 改变了指针指向而已 //相当于 var temp = new String('andy') str = temp; var temp = new String('red') str = temp;
-
根据字符返回位置 indexOf(‘要查找的字符’,[起始位置]) 、lastindexOf(‘要查找的字符’,[起始位置])
var str = 'andya'; console.log(str.indexOf('a',3));//4 console.log(---------) var str = 'andya'; var index = str.indexOf('a'); var num = 0; while (index !== -1) { console.log('出现的索引位置是'+index); index = str.indexOf('a', index + 1); num++; } console.log('共出现次数为'+num);
-
根据位置返回字符
//查询每个字符出现的次数
var str = 'abcacdab'
var o = {};
for (let i = 0; i < str.length; i++) {
var chars = str.charAt(i);
if (o[chars]) { //判断o里有没有chars这个属性
o[chars]++; //有则让chars对应的属性值加一
} else {
o[chars] = 1; //没有就插入一组元素 属性:属性值
}
}
console.log(o);
-
字符串操作方法
-
替换字符串 replace(目标字符,新字符) ,只会替换第一个字符
var str = 'abceabababa'; while (str.indexOf('a') !== -1) { str = str.replace('a', '*'); } console.log(str);
-
字符串转换为数组 split(符号):根据什么符号分割
var str = 'abc,eaba,baba'; console.log(str.split(','))//['abc','eaba','baba']