ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript基础10-day12【数组方法、call和apply、arguments、Date、Math】

2021-01-17 21:31:01  阅读:249  来源: 互联网

标签:10 数组 对象 JavaScript JS day12 apply 硅谷 Math


学习地址:

  1. 谷粒学院——尚硅谷
  2. 哔哩哔哩网站——尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)

JavaScript基础、高级学习笔记汇总表【尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通)】

目录

P78 78.尚硅谷_JS基础_数组的剩余方法 23:34

1、concat()

2、join()

3、reverse()

4、sort()

Unicode字符列表

P79 79.尚硅谷_JS基础_call和apply 13:08

call()和apply()

call()和apply()运行截图

this使用情况总结

P80 80.尚硅谷_JS基础_arguments 08:32

P81 81.尚硅谷_JS基础_Date对象 27:11

Date 对象属性

Date 对象方法

1、getDate():获取当前日期对象是几日

2、getDay():获取当前日期对象对应周几

3、getMonth():获取当前时间对象的月份

4、getFullYear():获取当前日期对象的年份

5、getTime():获取当前日期对象的时间戳

6、Date.now():利用时间戳来测试代码的执行的性能

P82 82.尚硅谷_JS基础_Math 20:37

Math 对象

Math 对象方法

1、Math.abs():计算一个数的绝对值

2、Math.ceil():可以对一个数进行向上取整,小数位只要有值就自动进1

3、Math.floor():可以对一个数进行向下取整,小数部分会被舍掉

4、Math.round():可以对一个数进行四舍五入取整

5、Math.random():可以用来生成一个0-1之间的随机数

6、max():可以获取多个数中的最大值

7、min():可以获取多个数中的最小值

8、Math.pow(x,y):返回x的y次幂

9、Math.sqrt():用于对一个数进行开方运算

P83 83.尚硅谷_JS基础_包装类 17:51

P84 84.尚硅谷_JS基础_字符串的方法 39:57

P85 85.尚硅谷_JS基础_正则表达式的简介 14:01

P86 86.尚硅谷_JS基础_正则语法 14:45

P87 87.尚硅谷_JS基础_字符串和正则相关的方法 23:11


P78 78.尚硅谷_JS基础_数组的剩余方法 23:34

1、concat()

concat():可以连接两个或多个数组,并将新的数组返回。该方法不会对原数组产生影响。

2、join()

join()

  • 该方法可以将数组转换为一个字符串。
  • 该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回。
  • 在join()中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符,如果不指定连接符,则默认使用“,”作为连接符。

3、reverse()

reverse()

  • 该方法用来反转数组(前边的去后边,后边的去前边)。
  • 该方法会直接修改原数组。

4、sort()

sort()

  • 可以用来对数组中的元素进行排序。
  • 也会影响原数组,默认会按照Unicode编码进行排序。

即使对于纯数字的数组,使用sort()排序时,也会按照Unicode编码来排序,所以对数字进排序时,可能会得到错误的结果。

我们可以自己来指定排序的规则。我们可以在sort()添加一个回调函数,来指定排序规则,回调函数中需要定义两个形参,浏览器将会分别使用数组中的元素作为实参去调用回调函数,使用哪个元素调用不确定,但是肯定的是在数组中a一定在b前边。

浏览器会根据回调函数的返回值来决定元素的顺序,如果返回一个大于0的值,则元素会交换位置;如果返回一个小于0的值,则元素位置不变;如果返回一个0,则认为两个元素相等,也不交换位置。

如果需要升序排列,则返回 a-b;如果需要降序排列,则返回b-a。

  

  

Unicode字符列表

百度百科——Unicode字符列表

P79 79.尚硅谷_JS基础_call和apply 13:08

call()和apply()

call()和apply()

  • 这两个方法都是函数对象的方法,需要通过函数对象来调用。
  • 当对函数调用call()和apply()都会调用函数执行。
  • 在调用call()和apply()可以将一个对象指定为第一个参数,此时这个对象将会成为函数执行时的this。
  • call()方法可以将实参在对象之后依次传递。
  • apply()方法需要将实参封装到一个数组中统一传递。

call()和apply()运行截图

  

  

this使用情况总结

this的情况:

  1. 函数形式调用时,this永远都是window;
  2. 方法的形式调用时,this是调用方法的对象;
  3. 构造函数的形式调用时,this是新创建的那个对象;
  4. 使用callapply调用时,this是指定的那个对象。

P80 80.尚硅谷_JS基础_arguments 08:32

在调用函数时,浏览器每次都会传递进两个隐含的参数:
*     1.函数的上下文对象 this
*     2.封装实参的对象 arguments
*         - arguments是一个类数组对象,它也可以通过索引来操作数据,也可以获取长度
*         - 在调用函数时,我们所传递的实参都会在arguments中保存
*         - arguments.length可以用来获取实参的长度
*         - 我们即使不定义形参,也可以通过arguments来使用实参,
*             只不过比较麻烦
*             arguments[0] 表示第一个实参
*             arguments[1] 表示第二个实参 。。。
*        - 它里边有一个属性叫做callee,
*             这个属性对应一个函数对象,就是当前正在指向的函数的对象。

P81 81.尚硅谷_JS基础_Date对象 27:11

Date对象:在JS中使用Date对象来表示一个时间。

Date 对象属性

Date 对象方法

1、getDate():获取当前日期对象是几日

2、getDay():获取当前日期对象对应周几

3、getMonth():获取当前时间对象的月份

4、getFullYear():获取当前日期对象的年份

5、getTime():获取当前日期对象的时间戳

6、Date.now():利用时间戳来测试代码的执行的性能

P82 82.尚硅谷_JS基础_Math 20:37

Math 对象

Math

  • Math和其他的对象不同,它不是一个构造函数,它属于一个工具类,不用创建对象,它里边封装了数学运算相关的属性和方法。
  • 比如:Math.PI 表示的圆周率。

Math 对象方法

 

1、Math.abs():计算一个数的绝对值

console.log(Math.abs(-1)); // 1

2、Math.ceil():可以对一个数进行向上取整,小数位只要有值就自动进1

3、Math.floor():可以对一个数进行向下取整,小数部分会被舍掉

4、Math.round():可以对一个数进行四舍五入取整

console.log(Math.ceil(1.1)); // 2
console.log(Math.floor(1.99)); // 1
console.log(Math.round(1.4)); // 1

5、Math.random():可以用来生成一个0-1之间的随机数

Math.random():可以用来生成一个0-1之间的随机数。   开区间(0,1)

  • 生成一个0-10的随机数:Math.round(Math.random() * 10) // Math.round():四舍五入取整
  • 生成一个0-x之间的随机数:Math.round(Math.random() * x)
  • 生成一个1-10:Math.round(Math.random() * ( 10 - 1 ) + 1)
  • 生成一个x-y之间的随机数:Math.round(Math.random() * ( y - x ) + x)

 

6、max():可以获取多个数中的最大值

7、min():可以获取多个数中的最小值

8、Math.pow(x,y):返回x的y次幂

9、Math.sqrt():用于对一个数进行开方运算

P83 83.尚硅谷_JS基础_包装类 17:51

 

 

 

 

P84 84.尚硅谷_JS基础_字符串的方法 39:57

 

 

 

 

P85 85.尚硅谷_JS基础_正则表达式的简介 14:01

 

 

 

P86 86.尚硅谷_JS基础_正则语法 14:45

 

 

 

 

P87 87.尚硅谷_JS基础_字符串和正则相关的方法 23:11

 

 

 

 

 

 

 

 

 

标签:10,数组,对象,JavaScript,JS,day12,apply,硅谷,Math
来源: https://blog.csdn.net/weixin_44949135/article/details/112744836

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有