js的parseInt() map()，reduce()方法详解

zzir 发布于2019-08-21 16:17 / 2210人阅读

摘要：比的函数多一个参数初始值，最终值，因为方法数组每次输入两个元素。

parseInt(string，radius)接收两个参数，

string（必选）如果接受的是‘abc’，纯字符串，返回NaN,要是‘123’会转化为123，要是‘abc123’会转化为123，radius（可选）表示的是基数，指定前面的string是一个几进制的数（不是将string转化为多少进制，而是这个string本身是一个多少进制的数），string（）方法才是把一个10进制的数转化成多少进制。radius的范围是2-36，如果radius为零，系统默认解析为10，其他系统输出NaN.
var arr=[1,2,3,4,5];

var b=arr.map(parseInt);
console.log(b);
console.log(parseInt(1,0));        //1
console.log(parseInt("2",1));     //NaN
console.log(parseInt("3",2));    //自己本身大于基数，应该都小于2才合理
console.log(parseInt(4,3));
console.log(parseInt(5,4));
console.log(parseInt(11,10));

map(function(value,index,arr){})，map接受一个回调函数，函数能接受三个参数，数组元素、索引号、数组本身

var arr=[1,2,3,4,5];

var new_arr=arr.map(function(value,index,arr){
   return value*index;
});
console.log(new_arr);

IE7-8可以用原型的方法来兼容map()

//IE6-8
if(typeof Array.prototype.map!="function"){
    Array.prototype.map=function(fn,context){
        var arr=[];
        if(typeof fn==="function"){
            for (var i = 0; i < this.length; i++) {
                arr.push(fn.call(contxt,this[i],i,this));
            }
        }
        return arr;
    }
}

reduce(finction(total,value,index,arr){}，content)接受两个参数一个回调函数一个初始值（可选）

回调函数带四个参数初始值|最终值、元素值、索引号、数组本身。
比map的函数多一个参数total（初始值，最终值），因为reduce方法数组每次输入两个元素。
var a=[1,2,3,4].reduce(function(total,value,index,arr){

return total+value;

})
console.log(a); //10
var a=[1,2,3,4].reduce(function(total,value,index,arr){

return total+value;

},100);
console.log(a); //110

云服务器私有云 map-reduce js数据map方法 reduce方法数组方法reduce

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88355.html

【JS必知必会】高阶函数详解与实战

摘要：函数作为参数情况，，和是中内置的高阶函数。知道了到底啊什么是高阶函数，有哪些类型的高阶函数。公众号技术栈路线大家好，我是，公众号程序员成长指北作者，这篇文章是必知必会系列的高阶函数讲解。前言一道经典面试题： //JS实现一个无限累加的add函数 add(1) //1 add(1)(2) //3 add(1)(2)(3) //6 当大家看到这个面试题的时候，能否在第一时间想到...

李昌杰 2019-08-26 10:12 评论0 收藏0
JavaScript选择题解答（1-20）

摘要：最近做了个上的的测试题目地址，错了一大堆，感觉的概念还有很多不是很清晰，这里记录一下个人博客文章地址第一题解答这里考的是的用法。如果出现的数字不符合后面输入的进制，则为，所以第二个值为。最近做了个heroku上的JavaScript的测试（题目地址），错了一大堆，感觉js的概念还有很多不是很清晰，这里记录一下个人博客文章地址第一题 What is the result of...

Worktile 2019-08-21 12:10 评论0 收藏0
简约强大数组操作组合

摘要：一个归并方法第一个参数是每一项上调用的函数，该函数有四个参数累加回调返回值他是上一次调用时返回的累积值，或数组中正在处理的元素数组中正在处理的当前元素的索引。统计数组中重复出现项的个数，用对象表示。前言在实际js开发中对数组操作频率非常高，看过一些小伙伴的一些用法，挺有意思，在这里小记（不全）一下，备忘。 showImg(https://segmentfault.com/img/r...

chenjiang3 2019-08-23 14:17 评论0 收藏0
Day18 - Reduce、Map混合使用计算时分秒

摘要：混合使用计算时分秒本文出自从零到壹全栈部落作者黎跃春追时间的人简介是推出的一个天挑战。完整中文版指南及视频教程在从零到壹全栈部落。效果图第天挑战的内容主要是如何将一系列的加起来，最终计算总时间，总时间用时分秒显示。 Day18 - Reduce、Map混合使用计算时分秒本文出自：从零到壹全栈部落作者：©黎跃春-追时间的人简介：JavaScript30 是 Wes Bos 推出的一个...

raoyi 2019-08-20 18:36 评论0 收藏0
js学习笔记

摘要：小明在一个方法内部，是一个特殊变量，它始终指向当前对象，也就是这个变量。原型对象基于原型创建一个新对象初始化新对象小明小明数据类型数字字符串布尔：false和true数组对象null——空值undefined——未定义。仅仅在判断函数参数是否传递的情况下使用字符串用或者包括的叫字符串。转义字符：toUpperCase()——转换为大写toLowerCase()——转换为小写in...

MiracleWong 2019-08-21 11:29 评论0 收藏0