素材牛VIP会员
如何将JS数组中的数字字符通过map转为数字?
 赵***2  分类:JavaScript  人气:929  回帖:1  发布于6年前 收藏
    var ass=['a','b','c','1','2','3']
    console.log(ass,ass.map(function(els){
        if(Number(els)==NaN){
            return els;
        }
            return parseInt(els);
        }))

我想通过上面的map方法得到数组['a','b','c',1,2,3]但是上边代码在控制台打印出来的数组ass=[NaN,NaN,NaN,1,2,3],

我自己想了一下,觉得是if里的条件不成立,没有进入if语句直接走else部分了,

但是如果执行下面代码的话,得到的数组ass=['1','2','3']所以if语句应该是有效的,返回的false.

    console.log(ass,ass.filter(function(els){
        if(Number(els)==NaN){
            return els;
        }
            return parseInt(els);
        }))

想请教大家两个问题:

    1: if(Number(els)==NaN){
        return els;}
        这个if语句怎么理解。
    2: 如果通过map的形式获得数组['a','b','c',1,2,3]代码应该怎么改?
 标签:javascript

讨论这个帖子(1)垃圾回帖将一律封号处理……

Lv4 码徒
c2***31 交互设计师 6年前#1

因为每一个数组元素都会进行一下判断,而在执行Number(els)这个判断时,其实已经将每一个数组元素进行了显式转换。

这个转换会导致Number('a')NaN,但是js里面NaN == NaNNaN === NaN都是false啊...所以是没有进if判断里面去的,之后又为每一个元素执行了parseInt,出来以后就是[NaN,NaN,NaN,1,2,3]了。

所以这个判断不能对元素进行转换,我下面提供了一个方案你可以瞧一下:

 var ass=['a','b','c','1','2','3']
var as = ass.map(function(item) {
    var temp = parseInt(item)
    if (temp) {
        return temp
    } else return item
})

或者为了防止出现0的情况,可以对上面的进行一下改进:

var as = ass.map(function(item) {
    var temp = parseInt(item)
    if (temp === temp) {
        return temp
    } else return item
})

利用了NaN不等于其自身的特性。

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取