js传统方式取数字

  为啥要用正则?!我最开始也不是很理解,说实话也懒得学,但看看下面的if else 估计各位也是够了,虽然正则难学,难记总归类似这种操作应该是用正则去做的。下面我用传统字符串操作做一个取数字的函数。

//函数findNum的任务 是找到字符串"1212 21  009  090 00"并打印出来
var str="1212dasdad21jif009fajf090adv00";
function findNum(str){
    var arr=[];//空数组一会儿存放变量;
    for(var i=0;i<str.length;i++){
        //遍历字符串的每一位
        var oStr=str.charAt(i);
        //取0-9的范围 超出范围则不是数字
        if(oStr<='9'&&oStr>='0'){
            //数组push方法添加
            arr.push(oStr)    
        }
            
    }
    //返回结果
    return arr;
}
console.log(findNum(str));
/*打印结果 为["1", "2", "1", "2", "2", "1", "0", "0", "9", "0", "9", "0", "0", "0"]
  可以看到这并不是我们想要的结果 
*/

修改函数后

//增加一个新的变量tmp
var str="1212dasdad21jif009fajf090adv00";
function findNum(str){
    var arr=[];
    var tmp='';
    for(var i=0;i<str.length;i++){
        
        var oStr=str.charAt(i);
        
        if(oStr<='9'&&oStr>='0'){
            //是数字执行下边操作
            tmp+=oStr;
        }else{
            //非数字执行下面操作
            if(tmp){
                arr.push(tmp);
                tmp='';    //清空变量,为遍历下面的字符串使用;
            }
        }
            
    }
    //返回结果
    return arr;
}
console.log(findNum(str));
/*打印结果 为 ["1212", "21", "009", "090"]
  现在好多了,但是我们要找的结果应该是 ["1212", "21", "009", "090","00"]
  现在找到的是 ["1212", "21", "009", "090"]
  还少了一位
*/

再次修改函数:

//在循环结束后再次增加if else 判断
var str="1212dasdad21jif009fajf090adv00";
function findNum(str){
    var arr=[];
    var tmp='';
    for(var i=0;i<str.length;i++){
        
        var oStr=str.charAt(i);
        
        if(oStr<='9'&&oStr>='0'){
            //是数字执行下边操作
            tmp+=oStr;
        }else{
            //非数字执行下面操作
            if(tmp){
                arr.push(tmp);
                tmp='';    //清空变量,为遍历下面的字符串使用;
            }
        }
        
            
    }
    //循环结束之后再次判断,因为末尾是数字的话,循环结束后只会走是数字的操作,而添加到数组里的这个动作就没有机会走了。
    if(tmp){
        arr.push(tmp);
        tmp='';    //最后一次清空变量
    }
    //返回结果
    return arr;
}
console.log(findNum(str));
/*打印结果 为["1212", "21", "009", "090", "00"]
  现在是我们想要的结果了
*/

以上经过2次三番的折腾终于达到我们想要的目的了,这个找数字的的函数还好,要是复杂点的匹配,曾加一推if else,想想也是够了!我开始学习正则了,不再偷懒了(⊙o⊙)…

原文地址:https://www.cnblogs.com/ollie-sk8/p/4072957.html