JavaScript基础10-day12【数组方法、call和apply、arguments、Date、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

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

1、concat()

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

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

2、join()

join()

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

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

3、reverse()

reverse()

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

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

4、sort()

sort()

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

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

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

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

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

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

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

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

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

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

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

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

Unicode字符列表

百度百科——Unicode字符列表

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

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

call()和apply()

call()和apply()

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

call()和apply()运行截图

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

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

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

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

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

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,
*             这个属性对应一个函数对象,就是当前正在指向的函数的对象。

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

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

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

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

Date 对象属性

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

Date 对象方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Math 对象

Math

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

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

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

Math 对象方法

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

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

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

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

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

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

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)

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

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

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

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

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

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

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

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

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

 

 

 

 

 

 

 

 

 

上一篇:Day12


下一篇:day12【函数式接口】