codewars--js--Write Number in Expanded Form—filters、map、reduce、forEach

问题描述：

you will be given a number and you will need to return it as a string in Expanded Form. For example:

expandedForm(12); // Should return '10 + 2'
expandedForm(42); // Should return '40 + 2'
expandedForm(70304); // Should return '70000 + 300 + 4'

NOTE: All numbers will be whole numbers greater than 0.

我的答案：

 function expandedForm(num) {
   // Your code here
   var j=0;
   var str=num.toString().split("");
   var result=[];
   for(var i=str.length-1;i>=0;i--){
     str[i]=str[i]*Math.pow(10,j);
     j++;
     if(str[i]){
       result=result.concat(str[i]);
     }
   }

   return result.reverse().join(' + ');
 }

优秀答案：

 const expandedForm = n => n.toString()
                             .split("")
                             .reverse()
                             .map( (a, i) => a * Math.pow(10, i))
                             .filter(a => a > 0)
                             .reverse()
                             .join(" + ");

总结：优秀答案同自己的思路一样，但是优秀答案用到了数组的方法filter、map。

filter，map，forEach，reduce都不会改变原数组。

数组的方法	作用
遍历数组forEach（）	数组的每一个元素都执行一次回调函数
filter（）	检测数值元素，并返回符合条件所有元素的数组。
map（）	通过指定函数处理数组的每个元素，并返回处理后的数组。
reduce（）	将数组元素计算为一个值（从左到右）

1，forEach遍历数组

[ ].forEach( function ( value, index, array ) {  //value：遍历的数组内容， index：对应数组索引， Array：数组本身

　　// code something

}，thisValue);

（1）与for的比较：

for 是循环的基础语法，可以有 for...in, foo...of,for(let i = 0; i < len; i++) 等。在for循环中可以使用 continue, break 来控制循环。

forEach 可以当做是for(let i = 0; i < len; i++)的简写，但是不能完成 i + n 这种循环，同时也不支持 continue和 break，只能通过 return 来控制循环。另外，使用forEach的话，是不能退出循环本身的；forEach对于稀疏矩阵处理比较好，不会处理为空的数组。

（2）与map的比较
https://www.cnblogs.com/liuruyi/p/6483526.html

共同点：

1.都是循环遍历数组中的每一项。

2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。

3.匿名函数中的this都是指Window。

4.只能遍历数组。

不同点：

forEach（）没有返回值

map（）有返回值

2，map（）

[ ].map(function(currentValue,index,arr), thisValue)  //返回新数组，数组中的元素为原始数组调用函数处理后的值

3,reduce()

[ ]. reduce( function ( total, currentValue, currentIndex, arr), initialValue);  // 返回一个值

4，filter（）

[ ] . filter ( function ( currentValue, index, arr), thisValue); // 创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。