前端技术分享-码匠 极客编程技术分享

您当前位于:HTML5面试题 ——> WEB前端面试真题 - 如何为数字添加千分符(字符串、正则两种方法)

WEB前端面试真题 - 如何为数字添加千分符(字符串、正则两种方法)

2015/07/14 19:59:14 | 作者:HTML5学堂(码匠) | 分类:HTML5面试题 | 关键词:前端,面试题,千分符,字符串,正则

增加千分符——字符串、正则面试题

HTML5学堂:正则、数组、字符串,是JavaScript语言中让人头痛的一些知识,今天这篇文章我们使用数组字符串、正则两种方法,来实现“增加千分符”的功能。

增加千分符

为一个只含数字的字符串,增加千分符。如,将342565467处理成342,565,467此类。

题目剖析

字符串方法的解题思路:让字符串的长度对3取余,如果等于零,则直接进行数组操作,如果不等于0,则进行字符串截取。将其存储到数组当中。之后都将是3位3位的基本组合,(str = str.substring(0, num))则进行字符串截取。

相关知识点的使用:字符串方面,需要使用到substring、push方法;正则方面,需要使用到前向声明和反前向声明。

欢迎沟通交流~HTML5学堂

字符串方法 - 增加千分符

  1. var str = '37654352565467';
  2. var arr = [];
  3. var num = str.length % 3;
  4. if(num==0){
  5.     for (var i = 0; i < str.length / 3; i++) {
  6.         substr = str.substring(i*3, (i + 1) * 3);
  7.         arr.push(substr);
  8.     };
  9. }else{
  10.     substr = str.substring(0, num);
  11.     arr.push(substr);
  12.     for (var i = 0; i < Math.floor(str.length / 3); i++) {
  13.         substr = str.substring(num + i * 3, num + (i + 1) * 3);
  14.         arr.push(substr);
  15.     };
  16. }
  17. console.log(arr);

正则方法 - 增加千分符

  1. var str = '342565467';
  2. var reg = /(?=(?!\b)(\d{3})+$)/g;
  3. str = str.replace(reg, ',');
  4. console.log(str);

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端