js高级 箭头函数 数组常用方法 forEach(遍历数组) map(根据原来的数组 来返回新的数组) every(检测数值元素的每个元素是否都符合条)

918 阅读2分钟

js高级

箭头函数

箭头函数返回值会省略

1651106875075.png

箭头函数返回对象:

1651106913780.png

// 箭头函数是匿名函数,一般做为参数传递
// let test = function (a,b){
//     let sum = a + b 
//     return sum
// }
// let test = (参数) => {函数体}
// 几个小细节
// 1.如果函数体只有一句,那么可以省略{},同时默认会返回函数体的结果,不能写return
// 2.如果只有一个参数,那么可以省略()
// 3.如果没有参数,()也不能省略
// let test = (a,b) =>  a + b    // 不能有大括号
let test = a =>  a + 10 
​
let res = test(100)
console.log(res)

数组常用方法

方法描述
every()检测数值元素的每个元素是否都符合条件。
filter()检测数值元素,并返回符合条件所有元素的数组。
find()返回符合传入测试(函数)条件的数组元素。
findIndex()返回符合传入测试(函数)条件的数组元素索引。
forEach()数组每个元素都执行一次回调函数。
includes()判断一个数组是否包含一个指定的值。
indexOf()搜索数组中的元素,并返回它所在的位置。
isArray()判断对象是否为数组。
join()把数组的所有元素放入一个字符串。
map()通过指定函数处理数组的每个元素,并返回处理后的数组。
reduce()将数组元素计算为一个值(从左到右)。
reverse()反转数组的元素顺序。
some()检测数组元素中是否有元素符合指定条件。
sort()对数组的元素进行排序。

forEach()遍历数组

forEach() 数组每个元素都执行一次回调函数。 = 类似以前的for forEach 高阶函数(可以接收一个形参-函数)

for循环可以通过 break来打断、 forEach不能通过break打断

1651106209961.png

map()根据原来的数组 来返回新的数组

1651106355193.png

every()检测数值元素的每个元素是否都符合条件。

1.会返回一个true和false

2.要求数组每个元素符合条件符合返回true,否则返回false

3.如果空的数组调用了every。 得到结果 也是true

1651107151493.png

1651108942844.png

伪数组转真数组 ...

1651109104388.png

some()检测数组,其中只要有一个元素符合条件,some返回true (every要求每一个都符合)

1651109183996.png

filter()过滤, 过滤出满足条件的数据 =>新的数组

1651109245829.png