JavaScript Array flatMap()
JavaScript数组flatMap()方法
flatMap()方法是flat()和map()方法的组合。此方法最初通过映射函数映射每个数组元素，然后使用深度值为1展平数组。
语法
var newArr=arr.flatMap(function callback(currentValue[ , index[ , array]])
{
return element
} [ , thisArg])
参数
回调-该函数为新创建的数组生成一个元素，并带有以下三个参数：
currentValue：是正在处理的当前数组元素。
index：是正在处理的当前数组元素的索引值。这是一个可选参数。
array ：这是调用数组映射的可选参数。
thisArg：这也是一个可选参数，当我们执行回调函数时，其值将用作" this"。
返回
它返回一个新数组，其中每个元素都是回调函数的结果。
JavaScript数组flatMap()方法示例
让我们看下面的示例以更好地理解：
Example1
这是一个简单的示例flatMap()方法的使用。
<html>
<head> <h5> Javascript Array Methods </h5> </head>
<body>
<script>
var arr=[2,4,6,8];
document.write(arr.flatMap(x=>[[x/2]]));
</script>
</body>
</html>
输出：
Example2
使用带有两个不同数组元素的flatMap()方法。
<html>
<head> <h5> Javascript Array Methods </h5> </head>
<body>
<script>
var arr1=['a','b','c','d'];
var arr2=[1,2,3,4];
var newArr=arr1.flatMap((arr1,index)=>[arr1,arr2[index]]); //It will map and flatten arr1 and arr2.
document.write("After applying the method <br>" +newArr);
</script>
</body>
</html>
输出：
Example3
此示例显示了每个成员喜欢的水果的名称。
<html>
<head> <h5> Javascript Array Methods </h5> </head>
<body>
<script>
var arr=['James','John','Mary','Renzo'];
var arr1=['Apple','Pineapple','Guava','Grapes'];
document.write("The resultant will display the fruits liked by each person <br>");
var newArr=arr.flatMap((arr,index)=>[arr,arr1[index]]);
document.write("<br>"+newArr);
</script>
</body>
</html>
输出：
Example4
将句子拆分成单个单词的示例。
<html>
<head> <h5> Javascript Array Methods </h5> </head>
<body>
<script>
var arr = ["This is", , "lidihuo.com"];
var newArr=arr.flatMap(x => x.split(" "));
document.write("This will split the sentences into individual words: "+newArr);
</script>
</body>
</html>
输出：
在输出中很清楚，每个句子彼此分开并形成单个单词。
