JavaScript从字符串提取数字数组的两种实现方式

从字符串提取数字数组的方法

本文通过具体实例分析，展示了如何在JavaScript中实现从混合字符串提取数字并生成仅包含数字类型元素的数组。该方案可供开发者参考与借鉴。

实现效果示例如下：输入字符串 'js123ldka78sdasfgr653'，处理后返回数组 [123, 78, 653]。

常规循环处理方案

常规实现思路

具体逻辑分析如下：

首先遍历字符串中的每个字符，若字符为数字则将其拼接至新字符串，非数字字符则替换为逗号进行分隔。

接着将生成的新字符串按逗号分割为数组，再次遍历该数组，过滤掉空值元素，最终得到包含数字的数组结果。

var str="js123ldka78sdasfgr653";
var new_str="";
var arr=[];
var arr2=[];
for(var i=0;i<str.length;i++){
  var code=str.charAt(i).charCodeAt();
  if(code>=48&&code<=57){
  new_str+=str.charAt(i);
  }
  else{
  new_str+=",";
  }
}
arr=new_str.split(","); //不写分隔符就是整个字符串装进数组
for(var i=0;i<arr.length;i++){
  if(arr[i]){
  arr2.push(arr[i]);
  }
}
alert(arr2);

正则表达式方案

使用正则表达式的方法更为简洁：

var str="js123ldka78sdasfgr653";
var re=/\d+/g;
str=str.match(re);
alert(str);

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述的实现方法对JavaScript程序设计有所帮助。