javascript中的map和reduce

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中的map和reduce相关的知识,希望对你有一定的参考价值。

今天在看“廖雪峰官方网站”的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 中的元素。

 

 

以上是关于javascript中的map和reduce的主要内容,如果未能解决你的问题,请参考以下文章

javascript reduce map函数方法

如何形象地解释 JavaScript 中 map,foreach,reduce 间的区别

JavaScript map reduce

如何形象地解释 JavaScript 中 map,foreach,reduce 间的区别

javascript Map(),Reduce()和Filter()

JavaScript:使用 reduce() 和 map() 简化数组导致未定义