JavaScript高阶函数

2023-01-30 0 952

我的听众们,林慕德,期望捷伊两年里他们竭尽全力全力支持,就要为他们献上较多的该文与音频。

高度关注回帖雅雷,带你介绍最盛行的软件设计科学知识与新一代信息技术金融行业态势。

JavaScript高阶函数

低阶表达式是程式设计中两个关键且强悍的基本概念,它容许您撰写更灵巧和模组化的标识符。在 JavaScript 中,它是采用其它反弹表达式的表达式,能将它做为模块或将它做为输入回到。

在 JavaScript 中他们有许多低阶字符串表达式,它主要包括:

Map 表达式:这是两个低阶表达式,它拒绝接受两个字符串和两个表达式做为模块,并回到两个捷伊修正后的字符串,该字符串是将表达式应用于前两个字符串的每一原素的结论。

let array1 = [3, 5, 17, 30];

//create function

function multiply(p1) {

return p1 * 2;

}

//pass function as an argument

const map1 = array1.map(multiply);

console.log(map1);

// expected output:

Array [6,10,34,60]

Filter 表达式:这是两个低阶表达式,它拒绝接受两个字符串和两个表达式做为模块,但在这种情况下只回到两个捷伊原素字符串,这些原素在表达式中传递了给定的条件。

let array1 = [3, 5, 17, 30];

//filters out only numbers greater than 6

const result = array1.filter(x => x > 6);

console.log(result);

// expected output:

Array [17,30]

Reduce 表达式:这是两个低阶表达式,它拒绝接受两个字符串和两个表达式做为模块,但它只回到两个值,该值是按特定顺序将表达式应用于字符串的每一原素的结论。这可能会造成混淆,所以让他们采用直接来自 MDN 的常见且简单的示例JavaScript高阶函数

MDN 网络文档

MDN Web Docs 站点提供有关开放式 Web 技术的信息,主要包括用于网站和渐进式 Web 应用程序的 HTML、CSS 和 API。

JavaScript高阶函数developer.mozilla.org

解释

const array1 = [1, 2, 3, 4];

const initialValue = 0;// 0 + 1 + 2 + 3 + 4

const sumWithInitial = array1.reduce( (accumulator, currentValue) => accumulator + currentValue, initialValue);

console.log(sumWithInitial);

//Expected output: 10

reducer 逐个原素遍历字符串,在每一步将当前字符串值添加到上一步的结论(此结论是所有先前步骤的运行总和)——直到没有更多原素要添加。在这里阅读更多..

Sort 表达式:这是两个低阶表达式,它拒绝接受两个字符串和两个表达式做为模块,并回到对同一字符串的引用,现在根据将表达式应用于每一原素的结论进行排序。但是,这能默认采用(它将所有原素视为字符串并按升序对它进行排序)而无需表达式模块,例如..

const names = [Michael,Amy, John, Faith, Dan];

//the sort function in defaultnames.sort();

console.log(names);

// expected output:

Array [“Amy”, “Dan”, “Faith”, “John”, “Michael”]

但是,当他们需要对字符串以外的其它内容进行排序时,例如数字,那么他们将需要添加两个表达式来处理它。这是对数字进行排序的示例

const array1 = [1, 30, 4, 21, 10000];

//function that sorts by going through and return the lowest of two numbers

function numSort (a,b) { return (a – b);}

//calling the sort function with the numSort callback function

array1.sort(numSort);

console.log(array1);

//Expected result : [1,4,21,30,100000]

For Each 表达式:这是两个低阶表达式,它将两个字符串和两个表达式做为模块,并将该表达式应用于字符串的每一原素。它不回到两个新字符串,而只是对同两个字符串的每一原素执行两个操作。

const foods = [pizza, spaghetti, food from Chowopa.com, burgers];

//applies this function on each element in the foods array

foods.forEach((food) => {

let statement = `I am hungry, maybe Ill get ${food}`;

console.log(statement);

});

低阶表达式为您提供了一种更简单的方法来撰写更简洁和更具表现力的标识符,并且还可以摆脱撰写复杂循环或条件语句的需要。

我期望你觉得这很有用。再见。

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务