返回一个随机的小数 范围 [0~1)
得到两个数之间的随机整数 并且 包含这两个整数 公式:Math.floor(Math.random() * (max - min + 1)) + min;
方法一:
以上这个放法是只要记住这个公式就好做了,下面给大家介绍一种简单好理解的放法,这个方法也是博主自己的课外知识,这里就分享给你们啦
Math.random()*数字 意思:如果这里的数字是100 就是产生100以内的随机数
方法二:
while (true) {
var result = parseInt(Math.random() * 100);
if (result % 5 == 0) {
console.log(result);
break;
} else {
result = result = parseInt(Math.random() * 100);
}
}
2.3、日期对象
日期对象顾名思义就是用来处理时间和日期的。
只能通过调用Date构造函数来实例化日期对象,必须使用new来调用,以常规函数(不用new)调用它将会返回一个字符串,而不是一个日期对象。
Date对象没有字面量格式
构造函数创建日期对象(重点)
var 对象名 = new Date() ;
以下有两种情况:
//如果括号里不跟任何值 则输出的当前时间
var date = new Date();
console.log(date);
//如果括号里跟值 返回的是用户输入的时间
function date1(time) {
var date = new Date(time);
return date;
}
console.log(date1(‘2018-2-1’));
注意:当Date有括号时,里面的参数可以是数字型和字符串型 ,建议用户输入用字符串型
数值型 :2019,10,01
字符串型 : ‘2019-10-1 8:8:8’
(当我们需要计算差值时,用户输入的是字符串型 所以我们需要将系统输入的年份强制转换成字符串型)
var getYear = Day.getFullYear();
var fDay = +new Date(getYear.toString());//这里是2021 1月1日 8点的时间戳
常见的日期参数:
- getMonth() 获取月份
获取的月份是从0开始的(0~11) (0表示一年中的第一月) 返回的月份需要用+1
function date1() {
var date = new Date();
var yue = date.getMonth();
return yue+1; //如果不加1的话就是8月
}
console.log(date1()); //结果返回的是9月
var date = new Date(‘2018-9-3’);
console.log(date.getMonth()+1); //输入的是9月
- getDay() 获取星期 (周日0 - 周六6)
返回的是0~6 可以通过数组的方式 转换成 如下的星期,比较美观
var arr =[‘星期日’,‘星期一’,‘星期二’,‘星期三’,‘星期四’,‘星期五’,‘星期六’,]
var date = new Date();
var xing = date.getDay();
console.log(arr[xing]);
- 时间戳 (掌握)
时间戳也就是从1970年1月1日8点开始计算的毫秒数
获得时间戳的方法:
1、valueOf() || getTime()
两种方法都是返回Date对象的原始值
var date = new Date();
console.log(date.valueOf()); //等价于 console.log(date.get.Time());
得到的时间戳就是 1970年1月1日8点到目前的毫秒数
2、var date1 = +new Date();
返回的就是总的毫秒数 如果括号里面写了内容就是返回指定哪一天的毫秒数
你要得到当前年份的时间戳:
function getDayNum() {
var Day = new Date();
var getYear = Day.getFullYear(); //得到当前年份
var fDay = +new Date(getYear.toString);//这里是2021 1月1日 8点的时间戳
return fDay;
}
console.log(getDayNum());
注意:得到当前的年份将其转换成字符串形式 如果不添加toString就是返回的当前年份
3、Date.now()
计算的是 得到总的毫秒数,h5新增 当然有一定的兼容性
2.4、数组对象
1、检测是否为数组方法
- instanceof
var arr = [];
console.log(arr instanceof Array);//是一个数组返回就是true
- Array.isArray(需要检测的数组名) 方法
此方法也是h5新增的 使用的时候也要注意其兼容性
2、添加和删除元素
方法 | 解释 | 返回值 | |
添加元素 | push() | 在末尾添加一个或多个元素 | console.log(arr.push(4,'pink'));返回值是新数组的长度 原数组也会发生变化 console.log(arr);//返回的是新数组 |
添加元素 | unshift() | 在开头添加一个或者多个元素 | console.log(arr.unshift(4,'pink'));返回值是新数组的长度 |
删除元素 | pop() | 删除数组最后一个元素 | console.log (arr.pop());返回值是删除的那个元素 arr.pop();//最后的元素被删除了,里面不用写参数 |
删除元素 | shift() | 删除第一个元素 | 返回值 是 删除的元素 |
3、数组排序
翻转数组:arr.reverse();
var arr=[1,2,4,6,8,4,9,12,16,20,100];
var arrs= [‘松江’,‘张飞’,50,0];
console.log(arr.reverse());
console.log(arrs.reverse());
数组排序:arr.sort();
注意 它实现的是个位数排序
如果要实现几位数的排序:
var arr = [12,2,3,41,1]
arr.sort(function (a, b) {
return a - b; //按照升序的顺序排序
return b - a; //按照降序的顺序排序
});
console.log(arr);
4、数组索引
- indexOf(数组元素)
注意 :(1)根据数组元素返回它的索引号 内部查找的顺序是从前到后
(2)但是如果里面有两个元素一样,只返回第一个满足条件的索引
(3)如果数组里面没有该元素则返回的是-1 ,一般用来数组去重
(4)**indexOf(‘要查找的字符’,[起始的位置]) ,**当一个值重复出现,且需要找出它们的位置的时候 常用的方法
- lastindexOf(数组元素)
用法和上面一样 只不过内部查找的顺序是 从后到前
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
最后
一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
分享一些前端面试题以及学习路线给大家
合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!**
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-GkO5zMmb-1712093869245)]
最后
一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。
CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
分享一些前端面试题以及学习路线给大家
[外链图片转存中…(img-3178T0UD-1712093869246)]