码迷,mamicode.com
首页 > 其他好文 > 详细

你是怎么把字符串“2016-11-16” 变为 “16/11/2016” 的? 【转】

时间:2016-11-16 20:21:52      阅读:307      评论:0      收藏:0      [点我收藏+]

标签:alt   是什么   reg   container   调整   bsp   body   comment   word   

一、前言:

有时候,我们需要对一些字符串中的字符进行位置变化处理。如 “2016-11-16” 需要调整为 “16/11/2016”。我们知道有很多方法可以使用,比如split()拆分成数组后在进行拼接,也可以使用正则表达式的分组机制来进行处理。下面我们就将这种方法进行实例对比:

 

二、split()方法:

split()方法主要是用于把一个字符串分割成字符串数组。
我们分析下字符串 “2016-11-16”,可以看出这个字符串是用比较规则的,数字之间是用 “-” 符号来分隔,所以我们可以使用 split(‘-‘) (意思是:hi,字符串 “2016-11-16”,你好!我现在要把你以 “-” 的方式拆分,在解析你的过程中,凡是碰到 “-”的时候,我就要从这里切一刀,最后把切好的字符串片段都存放到一个字符串数组中去) 的方法拆分字符串。

1
2
3
4
5
6
7
8
$(function(){
  var str = ‘2016-11-16‘,
      strArr = str.split(‘-‘); //输出: ["2016", "11", "16"]
 
  //进行字符串拼接处理  
  str = strArr[2]+‘/‘+strArr[1]+‘/‘+strArr[0];
  console.log(str); //输出:16/11/2016
});

现在,我们发现,用上面的split()方法很好用,尤其是拆分字符串的时候。那么接下来,我们换个难一点的字符串,也就是稍微不那么规则的字符串。看看我们的拆分过程是什么样的?

1
2
3
4
5
6
7
8
9
10
$(function(){
  var str = ‘abc2016-11.16‘,
      strArr = str.split(‘-‘), //输出: ["abc2016", "11.16"]
      strArr2 = strArr[0].split(‘abc‘), //输出: ["", "2016"]
      strArr3 = strArr[1].split(‘.‘); //输出: ["11", "16"]
 
  //进行字符串拼接处理  
  str = strArr3[1]+‘/‘+strArr3[0]+‘/‘+strArr2[1];
  console.log(str); //输出:16/11/2016
});

从上面的例子我们看出,不规则的字符串拆分,就是多次使用split()方法,只是拆分过程较为艰辛而已。但是,如果字符串 “abc2016-11.16” 中的 “abc” 不是固定的,那么你就不太好用split(‘abc‘)方法来拆分字符串了。

 

三、正则表达式分组方式:

接上面的实例,我们对应的正则表达式代码如下:

1
2
3
4
5
6
7
$(function(){
  var str = ‘2016-11-16‘,
      reg = /(\d{4})-(\d{2})-(\d{2})/g; // 正则表达式中的分组: (\d{4}) 、(\d{2}) 、(\d{2})。
 
  str = str.replace(reg, ‘$3/$2/$1‘); //$1、$2、$3分别表示上面的三个分组匹配结果
  console.log(str); //输出:16/11/2016
});

是不是很容易?好吧,我们再看看上面提到的那个稍微复杂一点的实例,如果用正则表达式分组来处理,代码应该是怎样的?

1
2
3
4
5
6
7
$(function(){
  var str = ‘abc2016-11.16‘,
      reg = /[a-z]+(\d{4})-(\d{2}).(\d{2})/g;
 
  str = str.replace(reg, ‘$3/$2/$1‘);
  console.log(str); //输出:16/11/2016
});

你会发现用正则表达式分组匹配结果的形式,在处理一些字符串较为复杂但依然有规可循的情况下,是非常有效的。当然,你可以发挥更多的想象空间,创造更为复杂的字符串,使用正则表达式分组的方式试一下吧!

转载自:http://www.cnblogs.com/yuanbo88/p/6070486.html

你是怎么把字符串“2016-11-16” 变为 “16/11/2016” 的? 【转】

标签:alt   是什么   reg   container   调整   bsp   body   comment   word   

原文地址:http://www.cnblogs.com/zhao-bo/p/6071095.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!