javascript中的map和reduce

Posted 2020-09-01

今天在看“廖雪峰官方网站”的js教程时，看到了map和reduce。其中有一个练习题是：不使用js内置的parseInt()函数，利用map和reduce操作实现一个string2int()函数（先将字符串转换为数组，再将数组转换为从arr[0]到arr[arr.(length-1)]的一个数字。比如：把[1, 3, 5, 7, 9]变换成整数13579。

我的解法：

 function toNum(str)
        {
            var arr=[];
            for(var i=0;i<str.length;i++)
            {
                arr.push(str[i]);
            }
            var num=arr.reduce(function(x,y)
            {
                return x * 10 + y;
            })
            alert(num);
        }
       toNum(‘123‘);

但是上述结果弹出的却是“10203”。经过测验，原因有以下几点：

1，对于for循环得到的arr数组，得到的是[‘1‘,‘2‘,‘3‘]，而非[1,2,3]。即数组中的每个元素是字符串而非数字。

function toNum(str)
	    {
	    	var arr=[];
	    	for(var i=0;i<str.length;i++)
	    	{
	    		arr.push(str[i]);
	    	}
	    	return arr;
	    }
       toNum(‘123‘);
//返回["1", "2", "3"]

2，字符串和数字进行加减乘除得到的是数字，字符串和字符串相加，是按照字符串的连接方式，得到的仍是字符串。

"1"*10+2;
//返回12
"1"*10+"2";
//返回"102"

更正方案一：将for循环得到的第一个数组中的字符串和0相减，得到一个都是数字的数组，再对该数组施加reduce函数。

 function toNum(str)
	    {
	    	var arr=[];
	    	for(var i=0;i<str.length;i++)
	    	{
	    		arr.push(str[i]);
	    	}
	    	var arrn=arr.map(function(x){return x-0})
	    	var num=arrn.reduce(function(x,y)
	    	{
	    		return x * 10 + y;
	    	})
	    	alert(num);
	    }
       toNum(‘123‘);

　再次简化，利用字符串的split方法：

function toNum(str)
	    {
	    	var arr=str.split(‘‘);//split方法返回的数组中每个元素仍是字符串
	    	var arrn=arr.map(function(x){return x-0})
	    	var num=arrn.reduce(function(x,y)
	    	{
	    		return x * 10 + y;
	    	})
	    	alert(num);
	    }
toNum(‘123‘);

练习题二：“把用户输入的不规范的英文名字，变为首字母大写，其他小写的规范名字。输入：[‘adam‘, ‘LISA‘, ‘barT‘]，输出：[‘Adam‘, ‘Lisa‘, ‘Bart‘]。”　

我的解法：

 

function norm(arr)
	{
		var arrn=[];
	    for (var i=0;i<arr.length;i++)
	    {
	    	arrn.push(
	    		arr[i][0].toUpperCase()+
	    		arr[i].substring(1).toLowerCase());    			    
	    }
	    alert(arrn);
	}
norm([‘A dam‘, ‘Lisa‘, ‘Bart‘]);

　　

　　

 补充：关于substring()与slice().

substring():substring() 方法用于提取字符串中介于两个指定下标之间的字符。

语法：stringObject.substring(start,stop)。substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。

slice():slice() 方法可从已有的数组中返回选定的元素。　　

语法：arrayObject.slice(start,end)。返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。