js--codewars--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.

我的答案：

 1 function expandedForm(num) { 2 ??// Your code here 3 ??var j=0; 4 ??var str=num.toString().split(""); 5 ??var result=[]; 6 ??for(var i=str.length-1;i>=0;i--){ 7 ????str[i]=str[i]*Math.pow(10,j); 8 ????j++; ????9 ????if(str[i]){10 ??????result=result.concat(str[i]);11 ????}12 ??}13 ???14 ??return result.reverse().join(‘ + ‘);15 }

优秀答案：

1 const expandedForm = n => n.toString()2 ????????????????????????????.split("")3 ????????????????????????????.reverse()4 ????????????????????????????.map( (a, i) => a * Math.pow(10, i))5 ????????????????????????????.filter(a => a > 0)6 ????????????????????????????.reverse()7 ????????????????????????????.join(" + ");

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

filter，map，forEach，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); // 创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。