React学习手册

JavaScript

函数式编程

｜

43

数据转换

如果数据是不可变的，那么应用程序内部如何进行状态转换呢？

函数式编程的做法是

将一种数据转换成另外一种数据。我们使用函数生成转换后的副本。这些函数使得命

令式的代码更少，并且大大降低了复杂度。

用户不需要通过一个特定的框架来了解如何从一种数据集转换到另外一种。

JavaScript

语言已经内置了完成该任务所需的工具。为了充分利用

JavaScript

的函数式

特性，下面两个核心函数是用户必须熟练掌握的：

Array.map

和

Array.reduce

。

在本章中，我们将对这些以及其他核心函数如何将数据从一种类型转换到另一种类型

做一个简要介绍。

比如包含中学名称的这样一个数组：

const schools = [

"Yorktown",

"Washington & Lee",

"Wakefield"

]

我们可以通过

Array.join

方法将这些或者其他字符串转换成逗号分隔的列表

:

console.log( schools.join(" , ") )

// "Yorktown, Washington & Lee, Wakefield"

join

是

JavaScript

数组内置的方法，我们可以使用它将数组中的元素转换成包含分隔

符的字符串，同时原有的数组仍然完好无损，

join

只是为用户提供了另外一种对原有

数组元素的观察视角。上述字符串构造的细节对程序员来说已经被隐藏了。

如果我们想创建一个函数来创建中学名以字母“

W

”开头的数组，那么我们可以使用

Array.filter