js-内置对象-学习笔记，前端黑科技实现原理揭秘

console.log(Math.floor(1.8)); //结果是1

• Math.ceil() --向上取整

• Math.round() —四舍五入

注意：负值的分界线.5结果是往大的取

• Math.random (不写参数)  —随机数

返回一个随机的小数 范围 [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(数组元素)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

[外链图片转存中…(img-6q2NbC0y-1711961715833)]

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-PZRV2z1p-1711961715833)]

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。