在JavaScript中可以使用match()方法将字符串中的数字提取到数字数组中。此方法将正则表达式作为参数，并从字符串中提取数字。

使用match()方法提取数字分两种情况：

1、不考虑小数

此时可以使用正则表达式（/\d+/g）来从字符串中提取数字。

示例：

<script>
	var str = '123sdfsdf456sdffs789'
	var numArr = str.match(/\d+/g)
	//直接输出
	console.log("直接输出："+numArr) // => ["123", "456", "789"]
	// 也可以把数字拼接起来
	console.log("拼接后输出："+numArr.join('')) // => 123456789
</script>

输出

直接输出：123,456,789
拼接后输出：123456789

2、考虑小数

此时可以使用正则表达式（/\d+\.\d+/g）来从字符串中提取数字。

<script>
	var str = '123.456sdfsdf456.789'
	var numArr = str.match(/\d+\.\d+/g)
	console.log(numArr) / /=> ["123.456", "456.789"]
</script>

输出

["123.456", "456.789"]

赏 您的支持是我们创作的动力！

支付宝支付

※大家的支持是我们创作的动力！

Vue.js vs Dojo Toolkit：哪个更适合你的项目？

Vue.js vs Polymer：哪个更适合你的项目？

Vue.js vs Ember.js：哪个更适合你的项目？

微信小程序：实现数据默认10条，然后向下滑动每次加载10条数据

如何使用 React.js 构建 Accordion 组件

Vue3生命周期详解：深入理解Vue实例的各个阶段

Vue3响应式编程：使用Composition API编写灵活的逻辑

Vue3新特性详解：了解最新版本的Vue框架的新增功能

Vue3异步组件加载：实现按需加载和提升应用的性能

Vue3响应式原理解析：深入理解Vue底层数据双向绑定机制

04-05 学下jQuery选择器

07-02 JS报错“Uncaught SyntaxError: missing ) after argument list”的真凶在哪里

11-25 跨域问题(Cross-Origin Read Blocking (CORB) blocked cross-origin response)的解决方案

04-08 浅谈下页面中字体设置(font-family)和粗细(font-weight)问题

04-19 注册谷歌帐号提示"此电话号码无法用于进行验证"

02-02 2018年国内外网民常用浏览器之走势

03-20 微信小程序错误提示：TypeError: Cannot read property 'XXX' of undefined

08-30 微信小程序报错：Cannot read property xxx of undefined

04-12 【性能优化】大神们教你如何打造高性能网站

03-26 移动和PC端中的hover处理

关于Web前端之家(个人博客)

Web前端之家(www.jiangweishan.com)是一个致力于推广国内外Web前端开发行业的技术博客。它以探索为己任，不断活跃在行业技术最前沿，努力提供高质量前端技术博文；其文章范围广泛，主要以HTML5、CSS3、JavaScript、JQuery、sass、nodejs、webpack、glup、vue、react、angular，canvas、移动开发、页面性能优化等为主，打造一个前端技术开发的综合交流平台。

订阅RSS

网站联系方式

Web前端之家微信公众号 Web前端之家微博

QQ交流群：295431592

首页 | JavaScript | HTML | HTML4 | HTML5 | CSS3 | 开发工具 | 性能优化 | 移动开发 | 前端教程 | 性能优化 | 开发工具 | 酷站欣赏 | UI设计 | 前端教程