欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析

程序员文章站 2023-11-22 21:39:52
本文实例讲述了javascript函数式编程(functional programming)组合函数(composition)用法。分享给大家供大家参考,具体如下: 组合...

本文实例讲述了javascript函数式编程(functional programming)组合函数(composition)用法。分享给大家供大家参考,具体如下:

组合(composition)函数,就是把两个或以上的函数组合到一块儿,整成一个新的函数。我找到了一个很好的例子,很好地解释了组合函数这个概念。

比如一个应用主要是记录一下日常的花销(expenses),应用里的数据看起来像这样:

const expenses = [
 {
  name: '租金',
  price: 3000,
  type: '日常'
 }, 
 {
  name: '阿里云服务',
  price: 600,
  type: '服务'
 }, 
 {
  name: '健身中心',
  price: 50,
  type: '健康'
 }, 
 {
  name: '水电',
  price: 100,
  type: '日常'
 }
];

合计花销

现在我要合计一下所有花销,创建一个函数,用一下 map 与 reduce,这个函数像这样:

const sum = (source) => 
 source
  .map((item) => item.price)
  .reduce((accumulator, price) => accumulator + price, 0)

sum 这个函数接收一个 source 参数,在函数里,先用 map,返回 source 里的所有的 price(价格)。然后再用 reduce 去处理返回的 price ,这里就是合计所有的 price 的值。

这个函数用起来像这样:

let total = sum(expenses) // 结果:3750

组合

现在我要合计一下我在某个类别下花的钱。比如我要合计一下 “日常” 这个分类里花的钱。先创建一个函数,可以返回所有 “日常” 类型的花销。

const = gethousehold = (source) => {
 return source.filter((item) => item.type === '日常')
}

gethousehold 函数里用了 filter ,它可以过滤出满足特定条件的项目。这里就是把 type 的值是 “日常” 的项目过滤出来。

现在如果我想得到 “日常” 类型的花销的合计的结果,可以这样:

let householdexpenses = sum(gethousehold(expenses)) 
// 结果:3100

上面,我们先用 gethousehold 函数得到所有的 “日常” 类型的项目,然后又用 sum 函数合计了得到的结果。最终返回的就是所有 “日常” 类型的项目的合计花销。

根据上面的使用,我们可以去创建一个组合函数,这个函数可以去合计 “日常” 类型的项目的花销。先创建一个组合函数用的函数:

const compose = (function1, function2) => {
 return (source) => function2(function1(source))
}

现在我们可以用创建的这个 compose 函数去组合两个函数:

const sumhousehold = compose(gethousehold, sum)

sumhousehold 就是一个组合,它组合了 gethousehold 还有 sum。现在如果你提供给 sumhousehold 一组数据,比如最开始我们定义的 expenses,首先会用 gethousehold 得到所有 “日常” 类型的项目,然后再用 sum 去合计这些项目。

sumhousehold(expenses)

新任务

我现在要得到花销数据里的所有的分类:

const getcategories = (source) => {
 return source.map((item) => item.type)
}

用一下这个函数:

getcategories(expenses)
// ["日常", "服务", "健康", "日常"]

在返回的结果里,“日常” 这个分类出现了两次。我们再去创建一个函数可以得到唯一的项目:

const uniqueelement = (source) => {
 return source.filter((item, position) => {
  return source.indexof(item) === position
 })
}

现在我们再去创建一个组合函数:

const uniquecategories = compose(getcategories, uniqueelement)

uniquecategories 这个函数组合了 getcategories 还有 uniqueelement 函数。你交给 uniquecategories 的数据,会先被 getcategories 处理,它会得到所有的分类,然后这些分类又会被 uniqueelement 处理,这个函数可以得以唯一的项目。

uniquecategories(expenses)
// ["日常", "服务", "健康"]

完整的代码

// 应用里的数据
const expenses = [
 {
  name: '租金',
  price: 3000,
  type: '日常'
 }, {
  name: '阿里云服务',
  price: 600,
  type: '服务'
 }, {
  name: '健身中心',
  price: 50,
  type: '健康'
 }, {
  name: '水电',
  price: 100,
  type: '日常'
 }
];
// 合计数据里的 price
const sum = (source) =>
 source
  .map((item) => item.price)
  .reduce((accumulator, price) => accumulator + price, 0)
// 得到数据里类型是 “日常” 的所有项目
const gethousehold = (source) =>
 source
  .filter((item) => item.type === '日常')
// 合计结果
let total = sum(expenses)
console.log(total)
// 合计 “日常” 类型的花费
let householdexpenses = sum(gethousehold(expenses))
console.log(householdexpenses)
// 创建组合函数用的函数
const compose = (function1, function2) => {
 return (source) => function2(function1(source))
}
// 创建一个组合函数,可以合计 “日常” 类型的花费
const sumhousehold = compose(gethousehold, sum)
console.log(sumhousehold(expenses))
// 得到数据里的所有分类
const getcategories = (source) => {
 return source.map((item) => item.type)
}
console.log(getcategories(expenses))
// 返回一个数组里的唯一元素
const uniqueelement = (source) => {
 return source.filter((item, position) => {
  return source.indexof(item) === position
 })
}
// 创建一个组合函数,可以返回数据里的唯一分类
const uniquecategories = compose(getcategories, uniqueelement)
console.log(uniquecategories(expenses))

更多关于javascript相关内容可查看本站专题:《javascript常用函数技巧汇总》、《javascript面向对象入门教程》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》及《javascript数学运算用法总结

希望本文所述对大家javascript程序设计有所帮助。