JS基础第5天-内置对象

JS基础5.1-内置对象

参考:https://www.bilibili.com/video/BV1Sy4y1C7ha?p=170&spm_id_from=pageDriver

MDN JavaScript 标准内置对象

1.Math

// Math数学对象 不是一个构造函数 ，所以我们不需要new 来调用 而是直接使用里面的属性和方法即可
console.log(Math.PI); // 一个属性 圆周率
console.log(Math.max(1, 99, 3)); // 99
console.log(Math.max(-1, -10)); // -1
console.log(Math.max(1, 99, 'pink老师')); // NaN
console.log(Math.max()); // -Infinity
// 1.绝对值方法
console.log(Math.abs(1)); // 1
console.log(Math.abs(-1)); // 1
console.log(Math.abs('-1')); // 隐式转换 会把字符串型 -1 转换为数字型
console.log(Math.abs('pink')); // NaN 

// 2.三个取整方法
// (1) Math.floor()   地板 向下取整  往最小了取值
console.log(Math.floor(1.1)); // 1
console.log(Math.floor(1.9)); // 1
// (2) Math.ceil()   ceil 天花板 向上取整  往最大了取值
console.log(Math.ceil(1.1)); // 2
console.log(Math.ceil(1.9)); // 2
// (3) Math.round()   四舍五入  其他数字都是四舍五入，但是 .5 特殊 它往大了取  
console.log(Math.round(1.1)); // 1
console.log(Math.round(1.5)); // 2
console.log(Math.round(1.9)); // 2
console.log(Math.round(-1.1)); // -1
console.log(Math.round(-1.5)); // 这个结果是 -1
// 1.Math对象随机数方法   random() 返回一个随机的小数  0 =< x < 1
// 2. 这个方法里面不跟参数
// 3. 代码验证 
console.log(Math.random());
// 4. 我们想要得到两个数之间的随机整数 并且 包含这2个整数
// Math.floor(Math.random() * (max - min + 1)) + min;
function getRandom(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
console.log(getRandom(1, 10));
// 5. 随机点名  
var arr = ['张三', '张三丰', '张三疯子', '李四', '李思思', 'pink老师'];
// console.log(arr[0]);
console.log(arr[getRandom(0, arr.length - 1)]);

2.Date

// Date() 日期对象  是一个构造函数 必须使用new 来调用创建我们的日期对象
var arr = new Array(); // 创建一个数组对象
var obj = new Object(); // 创建了一个对象实例
// 1. 使用Date  如果没有参数 返回当前系统的当前时间
var date = new Date();
console.log(date);
// 2. 参数常用的写法  数字型  2019, 10, 01  或者是 字符串型 '2019-10-1 8:8:8'
var date1 = new Date(2019, 10, 1);
console.log(date1); // 返回的是 11月 不是 10月 
var date2 = new Date('2019-10-1 8:8:8');
console.log(date2);

注意month从0开始,getDay周日返回0

// 格式化日期 年月日 
var date = new Date();
console.log(date.getFullYear()); // 返回当前日期的年  2019
console.log(date.getMonth() + 1); // 月份 返回的月份小1个月   记得月份+1 呦
console.log(date.getDate()); // 返回的是 几号
console.log(date.getDay()); // 3  周一返回的是 1 周六返回的是 6 但是 周日返回的是 0
// 我们写一个 2019年 5月 1日 星期三
var year = date.getFullYear();
var month = date.getMonth() + 1;
var dates = date.getDate();
var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var day = date.getDay();
console.log('今天是：' + year + '年' + month + '月' + dates + '日 ' + arr[day]);

// 格式化日期 时分秒
var date = new Date();
console.log(date.getHours()); // 时
console.log(date.getMinutes()); // 分
console.log(date.getSeconds()); // 秒
// 要求封装一个函数返回当前的时分秒 格式 08:08:08
function getTimer() {
    var time = new Date();
    var h = time.getHours();
    h = h < 10 ? '0' + h : h;//9点显示为09点
    var m = time.getMinutes();
    m = m < 10 ? '0' + m : m;
    var s = time.getSeconds();
    s = s < 10 ? '0' + s : s;
    return h + ':' + m + ':' + s;
}
console.log(getTimer());

// 获得Date总的毫秒数(时间戳)  不是当前时间的毫秒数 而是距离1970年1月1号过了多少毫秒数
// 1. 通过 valueOf()  getTime()
var date = new Date();
console.log(date.valueOf()); // 就是 我们现在时间 距离1970.1.1 总的毫秒数
console.log(date.getTime());
// 2. 简单的写法 (最常用的写法)
var date1 = +new Date(); // +new Date()  返回的就是总的毫秒数,括号内可以写时间,不写默认现在
console.log(date1);
// 3. H5 新增的 获得总的毫秒数
console.log(Date.now());

倒计时案例

计算机起始时间1970年1月1日, 同理Date起始时间. 利用这点做倒计时案例:

1.用预定时间与起始时间的差 - 现在时间与起始时间的差 = 剩余时间毫秒数

2.再将剩余时间转换为天\时\分\秒

转换公式:
d = parseInt(总秒数/60/60/24);	//转换为天并向下取整
h = parseInt(总秒数/60/60%24);	//计算小时并向下取整
m = parseInt(总秒数/60%60);	//计算分钟并向下取整
m = parseInt(总秒数%60);		//计算当前秒数

/* 用户输入目标时间,返回跟目标时间的倒计时秒数 */
function countDown(time){       //time:用户输入的时间
    var nowTime = +new Date();  //返回现在总的毫秒数
    var inputTime = +new Date(time); //返回用户输入时间总的毫秒数
    var delta = (inputTime - nowTime) / 1000;   //time是剩余时间总的秒数
    var d = parseInt(delta/60/60/24);	
	var h = parseInt(delta/60/60%24);	
	var m = parseInt(delta/60%60);	
	var m = parseInt(delta%60);	
    return d + '天' + h + '时' + m + '分' + s +'秒';
}
console.log(countDown('1029-5-1 18:00:00'));

4. 基本包装类型(数组\字符串)

数组和字符串都可以被包装成复杂数据类型, 于是像对象一样有了属性和方法:

JS基础第1天 中的部分:

/* 数组 */

//比如第一天中增删数组元素
var arr = [1, 2, 3];
arr.push(4, 'pink');	//输出为长度5, 数组变为[1, 2, 3, 4, "pink"]
//unshift 在我们数组的开头 添加一个或者多个数组元素
console.log(arr.unshift('red', 'purple'));
//pop() 它可以一次删除数组的最后一个元素
console.log(arr.pop());
//shift() 它可以删除数组的第一个元素  
console.log(arr.shift());

 /* 字符串 */

// 1. 替换字符 replace('被替换的字符', '替换为的字符')  它只会替换第一个字符
var str = 'andyandy';
console.log(str.replace('a', 'b'));

补充部分

以下是常用的几个, 更多参考MDN JavaScript 标准内置对象

arr.reverse(); 	// 翻转一个数组
arr.sort();		//数组的排序(原理是冒泡排序)

//concat:
str.concat(str2, [, ...strN]);
array3 = array1.concat(array2);

arr.slice(start, end);
// 细节: start默认从0开
// end: 默认截取到结束  
// 作用：从数组中截取一部分到新的数组中，原数组不发生改变

arr.splice()
// 作用：可以在任意的位置增加或者删除元素
// 参数1：开始的位置
// 参数2： 删除的元素的个数
// 参数3...: 第三个参数开始，表示添加