js-内置对象-学习笔记,2024前端大厂面试经验分享

本文介绍了如何使用Math.random()生成随机整数的方法,以及JavaScript中Date对象的使用,包括获取和操作日期、时间戳的计算。此外,还提到前端开发的学习资源,包括零基础到进阶的全面教程和面试题准备。
摘要由CSDN通过智能技术生成

返回一个随机的小数 范围 [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前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

最后

一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

分享一些前端面试题以及学习路线给大家

合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!**

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
[外链图片转存中…(img-GkO5zMmb-1712093869245)]

最后

一个好的心态和一个坚持的心很重要,很多冲着高薪的人想学习前端,但是能学到最后的没有几个,遇到困难就放弃了,这种人到处都是,就是因为有的东西难,所以他的回报才很大,我们评判一个前端开发者是什么水平,就是他解决问题的能力有多强。

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

分享一些前端面试题以及学习路线给大家

[外链图片转存中…(img-3178T0UD-1712093869246)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值