提取数字——字符串、正则面试题

HTML5学堂：正则、数组、字符串，是JavaScript语言中让人头痛的一些知识，今天这篇文章我们使用数组字符串、正则两种方法，来实现从一个字符串中提取数字的功能，并将提出出来的数字作为一个数组返回。

提取字符串中的数组

将一个字符串中的数字提取出来，再有多个连续的数字组合为一个数组。例如：将hyoga3476H5course75，提取组合成：[3476, 5, 75]

题目剖析

字符串方法的解题思路：从字符串的第一位开始进行检测，查看是否是介于数字之间，如果是的话，则将组接字符串，当没有数字再出现的时候，将组接好的数字字符串，作为一个数组元素添加到数组当中。需要有一个地方进行处理，即如果最后一位是数字，这种情况下，需要进行再次检测。

相关知识点的使用：字符串方面，需要使用到charAt、push方法；正则方面，需要使用到match方法。

欢迎沟通交流~HTML5学堂

字符串方法 - 提取字符串中的数组

1. var str = 'hyoga3476H5course75';
2. var arr = [];
3. var substr = '';
4. for (var i = 0; i < str.length; i++) {
5.     if (str.charAt(i)>='0' && str.charAt(i)<=9) {
6.         substr += str.charAt(i);
7.     }else{
8.         if (substr!='') {
9.             arr.push(substr);
10.             substr = '';
11.         };
12.     }
13. };
14. // 防止最后一位为数字，而上面的for循环无法实现
15. if (substr!='') {
16.     arr.push(substr);
17.     substr = '';
18. };
19. console.log(arr);

正则方法 - 提取字符串中的数组

1. var str = 'hyoga3476H5course75';
2. var reg = /\d+/g;
3. str = str.match(reg);
4. console.log(str);

欢迎沟通交流~HTML5学堂