JS| 青训营笔记

84 阅读2分钟

JS | 青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天

一、js

(1)数组方法

  1. push():队末添加一个或多个元素,并返回新的数组长度

  2. pop():删除最后一个元素,并返回这个元素

  3. unshift(): 向数组开头添加一个或多个元素,并返回新的数组长度

  4. shift(): 删除第一个元素,并返回这个元素

  5. slice(index1,[index2]):从数组中提取指定元素, 该方法不会改变原数组,而是返回一个新的数组

    • 第一个参数:截取开始的位置索引,截取包含开始索引

    • 第二个参数:选用,截取结束的位置索引,截取不包含结束索引(不写该参数表示截取至数组末尾)

  6. splice(index1,[num],...):删除数组中的指定元素, 该方法会影响到原数组,它将指定元素从原数组中删除,并返回这些被删除的元素(以数组的形式)

    • 第一个参数:表示删除开始的位置索引

    • 第二个参数:表示删除元素的个数

    • 第三个以及往后的参数:将从删除开始索引位置插入这些元素

  7. concat(): 该方法可以连接两个或多个数组,同时还能向他们合并后的数组最后追加若干元素。该方法不会对原有数组造成影响,而是返回一个新的数组

  8. join(): 可以将一个数组转换为一个字符串,该方法不会对原有数组造成影响,还可以传递第二个参数作为数组中元素的分隔符,如果不传递则默认""

  9. reverse(): 用于反转数组,该方法会直接修改原数组 10.sort(): :该方法用于对数组中的元素进行排序(默认排序规则为Unicode编码),因此就算是纯数字的数组调用该方法也有可能出错。因此我们需要传递一个参数(回调函数)作为排序的规则

    • 参数一定是一个 有两个形参的回调函数

(2)高阶函数

常用的高阶函数Once、Throttle、Debounce、Consumer、Iterative都是在HOF的基础模型上进行修改的,其中HOF模型如下图所示

image.png

二、课程总结

今日的课程主要通过对一个组件封装的完整过程以及逐步优化来解释说明js编码时候不同的原则,并且还介绍了不同的高阶函数以及其应用