发表于： 2022-12-02 20:04:38
0 322
今天学习的js知识点：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Array练习</title>
<script>
//1、 利用数组字面量
// var arr = [1, 2, 3];
// console.log(arr);
// //2、利用 new Array()
// // var arr1 = new Array(); //创建了一个空数组
// // var arr2 = new Array(2); // 这个2 表示 数组的长度为2 里面有2个空的数组元素
// // console.log(arr2)
// var arr3 = new Array( 1, 2); // 等同于 【1.2】这样写表示 里面有2个数组元素 是 1和2
// console.log(arr3);
// function reverse(arr) {
// // if(arr instanceof Array) {
// if(Array.isArray(arr)) {
// var newArr = [];
// for(var i = arr.length - 1; i >= 0; i--) {
// newArr[newArr.length] = arr[i];
// }
// return newArr;
// }else {
// return '这个参数格式必须是数组 [1, 2, 3]'
// }
// }
// console.log(reverse());
// // 1、instanceof 运算符 它可以用来检测是否为数组
// var arr = [];
// var obj = {};
// console.log(arr instanceof Array); //true
// console.log(obj instanceof Array); //false
// //2、 Array.isArray(参数); 用于确定传递的值是否是一个 Array。
// //当检测 Array 实例时，Array.isArray 优于 instanceof，因为 Array.isArray 能检测 iframes。
// console.log(Array.isArray(arr)); //true
// console.log(Array.isArray(obj)); //false
// // 添加删除数组元素
// //1、 push() 在外面数组的末尾 添加一个或者多个数组元素 push 推
// var arr = [1, 2, 3];
// // arr.push(4, '张三');
// console.log(arr.push(4, '张三')); //5 返回新数组长度
// console.log(arr); //[1, 2, 3, 4, '张三']
// //（1）push() 是可以给数组后面追加新的元素
// //（2）push() 参数直接写 数组元素就可以了
// //（3）push完毕之后，返回的结果是 新数组的长度
// //（4）元素组也发生变量
//
// //2、 unshift 在外面数组的开头 添加一个或者多个数组元素
// // arr.unshift('李四');
// console.log(arr.unshift('李四'));
// console.log(arr); //['李四', 1, 2, 3, 4, '张三']
// //（1）unshift() 是可以给数组前面追加新的元素
// //（2）unshift() 参数直接写 数组元素就可以了
// //（3）unshift完毕之后，返回的结果是 新数组的长度
// //（4）元素组也发生变量
//
// //3、pop() 它可以删除数组的最后一个元素
// // arr.pop();
// console.log(arr.pop()); // 返回值是 张三
// console.log(arr); //['李四', 1, 2, 3, 4]
// //（1）pop() 是可以删除数组的最后一个元素 一次只能删除一个元素
// //（2）pop() 没有参数
// //（3）pop完毕之后，返回的结果是 被删除的元素
// //（4）元素组也发生变量
//
// //4、shift() 它可以删除数组的第一个元素
// // arr.shift();
// console.log(arr.shift()); // 返回值是 李四
// console.log(arr); // [1, 2, 3, 4]
// //（1）shift() 是可以删除数组的第一一个元素 一次只能删除一个元素
// //（2）shift() 没有参数
// //（3）shift完毕之后，返回的结果是 被删除的元素
// //（4）元素组也发生变量
//有一个包含工资的数组[1500, 1200, 2000, 2100,1800],要求把数组中高于2000的输出,剩余的放到新数组
// var arr = [1500, 1200, 2000, 2100,1800];
// var newArr = [];
// for(var i = 0; i < arr.length; i++) {
// if (arr[i] < 2000) {
// // newArr[newArr.length] = arr[i];
// newArr.push(arr[i]);
// }
// }
// console.log(newArr);
//数组排序
//1、翻转数组
var arr = ['pink', 'red', 'blue'];
arr.reverse();
console.log(arr); //['blue', 'red', 'pink']
//2、数组排序(冒泡排序)
var arr1 = [1, 55, 19, 33, 8];
// arr1.sort();
arr1.sort(function (a, b){
// return a - b; // 升序的排列
return b - a; // 降序的排列
});
// console.log(arr1); //[1, 19, 33, 55, 8]
// console.log(arr1); //[1, 8, 19, 33, 55]
console.log(arr1); //[55, 33, 19, 8, 1]
var date = new Date();
console.log(date);
// 倒计时结果
//时间转化公式 ：
// d = parseInt(总秒数 / 60/60 /24); 计算天数
// h = parseInt(总秒数 / 60/60 %24); 计算小时
// m = parseInt(总秒数 / 60 %60); 计算分数
// s = parseInt(总秒数 %60); 计算当前秒数
function countDown(time) {
var nowTime = +new Date(); //返回的是当前时间总的毫秒数
var inpuTime = +new Date(time); // 换算成秒 返回的是用户输入时间总的毫秒数
var times = (inpuTime - 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 + '秒';
}
console.log(countDown('2022-12-2 15:00:00'));
function countDOwn1(time1) {
var nowTime1 = +new Date();
var inpuTime1 = +new Date(time1);
var times1 = (inpuTime1 - nowTime1) / 1000; //换算成为秒
var d1 = parseInt(times1 / 60 / 60 / 24);
d1 = d1 < 10 ? '0' + d1 : d1;
var h1 = parseInt(times1 / 60 / 60 % 24);
h1 = h1 < 10 ? '0' + h1 : h1;
var m1 = parseInt(times1 / 60 % 60);
m1 = m1 < 10 ? '0' + m1 : m1;
var s1 = parseInt(times1 % 60);
s1 = s1 < 10 ? '0' + s1 : s1;
return d1 + '天' + h1 + '时' + m1 + '分' + s1 + '秒';
}
console.log(countDOwn1('2023-1-1 00:00:00'))
// Date() 日期对象 是一个构造函数 必须使用 new 来调用创建我们的日期对象
// var arr = Array();//创建一个数组对象
// var obj = Object();//创建一个对象实例
// //1、使用Date
// var date = Date();
// console.log(date);
// //2、参数常用的方法 数字型 2022,10,01 或者是字符串型 '2022-10-1 8:8:8' 时分秒前面用空格隔开
// var date1 = new Date(2022,10,1);
// console.log(date1); //返回的是11月 不是10月 比实际上的要大些
// var date2 = new Date('2022-10-1 8:8:8');
// console.log(date2);
//格式化日期 年月日 时分秒
var date = new Date();
// console.log(date.getFullYear()); // 返回当前日期的年 2022
// console.log(date.getMonth() + 1); // 月份 返回的月份比当前小一个月 月份记得+1
// console.log(date.getDate()); //返回的是 几号
// console.log(date.getDay()); //返回的是周几 周一返回的是 1 周六返回的是 6 但是周日返回的 0
// console.log(date.getHours());//时
// console.log(date.getMinutes());//分
// console.log(date.getSeconds());//秒
//写一个 2022年 12月 1日 星期四
var year = date.getFullYear();
var month = date.getMonth() + 1; //不要忘记+1
var dates = date.getDate();
var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var day = date.getDay();
// console.log('今天是:' + year + '年' + month + '月' + dates + '日 ' + arr[day] + hours + '时' + minutes + '分' + seconds + '秒');
// var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
//封装一个函数返回当前的 时 分 秒 格式 08:08:08
function getTimer() {
var time = new Date();
var h = time.getHours();
h = h < 10 ? '0' + h : h;
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(getTime());
console.log('今天是:' + year + '年' + month + '月' + dates + '日 ' + arr[day],getTimer());
//获得 Date总的毫秒数(时间戳) 不是当前时间的毫秒数 而是现在距离1970年1月1号 总的毫秒数
//计算距离1970年1月1号过了多少毫秒
console.log(date.valueOf()); // 现在距离1970年1月1号 总的毫秒数
console.log(date.getTime());
// 简单的写法
var date1 = +new Date(); // +new Date() 返回的就是总的毫秒数
console.log(date1);
//H5 新增的 获得总的毫秒数
console.log(Date.now());
</script>
</head>
<body>
</body>
</html>
明天计划：完成接下来的任务。
返回列表
评论