关于JavaScript Array.findLast方法中箭头函数用法的技术咨询

整体代码作用 #

这段代码的核心是从temp数组中从后往前查找第一个大于40的元素，最终变量high会被赋值为42。

逐部分拆解 #

1. temp.findLast()方法
   findLast()是JavaScript数组的内置方法，它会从数组的最后一个元素开始，依次向前遍历每个元素，直到找到第一个满足指定条件的元素，然后返回该元素；如果遍历完所有元素都没找到符合条件的，就返回undefined。

2. 箭头函数x => x > 40
   这是findLast()方法需要的回调函数，用来定义“符合条件”的规则，它的工作逻辑可以拆成3部分：

• x：是函数的参数，代表findLast()在遍历过程中当前正在检查的数组元素。
• =>：箭头函数的语法标志，用来分隔参数和函数体。
• x > 40：函数的返回值，是一个布尔判断——如果当前元素x大于40，就返回true，否则返回false。

当findLast()遍历数组时，会把每个元素依次传入这个箭头函数：如果函数返回true，就停止遍历，返回当前元素；如果返回false，就继续往前找下一个元素。

等价的普通函数写法 #

如果你对箭头函数不太习惯，这个箭头函数完全可以换成普通函数的写法，功能完全一致：

const temp = [27, 28, 30, 40, 42, 35, 30];
function checkTemperature(x) {
  return x > 40;
}
let high = temp.findLast(checkTemperature);

内容的提问来源于stack exchange，提问作者Asghar Kazmi