zoukankan      html  css  js  c++  java
  • 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⊙)…

  • 相关阅读:
    【开源我写的富文本】打造全网最劲富文本系列之技术选型
    【开源我写的富文本】打造全网最劲富文本技术选型之经典OOP仍是魅力硬核。
    Jquery会死吗?我为什么不用vue写富文本!
    JavaScript的因为所以
    JavaScript寻踪OOP之路
    JavaScript谁动了你的代码
    JavaScript神一样的变量系统
    JavaScript的前世今生
    ASPICE对追踪性和一致性要求
    ASPICE:能力等级评定
  • 原文地址:https://www.cnblogs.com/ollie-sk8/p/4072957.html
Copyright © 2011-2022 走看看