阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      JavaScript 用js实现千位分隔符?例如123456789-->123,456,789

      问题

      JavaScript 用js实现千位分隔符?

      例如123456789–>123,456,789

      方法一

      var str = '123456789';
      var reg = /^([1-9]\d{0,2})((?:\d{3})+)$/;
      var s = str.replace(reg, function () {
        return RegExp.$1 + ',' + RegExp.$2.match(/\d{3}/g);
      })
      console.log(s);//123,456,789
      

      知识点

      • 将第一个逗号前面的数字作为第一组,后面所有数字为第二组,第二组是由多个三位的数字组合而成的,整体需要匹配捕获,但是每个三位数不需要匹配捕获所以加?:。
      • RegExp.$1获取第一个分组,RegExp.$2获取第二个分组。
      • match返回匹配到的数据,是数组类型。

      注意:IE10中直接调用分组不识别,需要在此前调用test方法:

      var str = '123456789';
      var reg = /^([1-9]\d{0,2})((?:\d{3})+)$/;
      if (reg.test(str)) {
        var s = str.replace(reg, function () {
          return RegExp.$1 + ',' + RegExp.$2.match(/\d{3}/g);
        })
      }
      console.log(s);//123,456,789
      

      方法二

      var count = 0;
      var strNew = '';
      var str1 = '60123761';
      for (let i = str1.length; i >= 0; i--) {
        if (count % 3 === 0 && count != 0) {
          strNew += ',';
        }
        strNew += str1.substr(i, 1);
        count++;
      }
      strNew = strNew.split('').reverse().join('');
      console.log(strNew);
      

      更多面试题

      如果你想了解更多的前端面试题,可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题,也有一些大公司的面试图,可以让你面试更加顺利。

      面试题
      HTMLCSSJavaScript
      jQueryVue.jsReact
      算法HTTPBabel
      BootStrapElectronGulp
      Node.js前端经验相关前端综合
      Webpack微信小程序-

      这些题库还在更新中,如果你有不错的面试题库欢迎分享给我,我整理后放上来;人人为我,我为人人,互帮互助,共同提高,祝大家都拿到心仪的Offer!

      目录
      目录