使用正则表达式获取字符串中的所有数字

在项目开发中，我们时常会遇到一些奇怪的数据，我们需要进行一些转换才能达到我们的使用要求。
最近在项目中遇到了 这样的数据 "{100, 200, 300x400}"，字符串中的四个数字分别代表着 x,y,w,h，但是实际用到的数据格式应该为 {x:100, y:200, w:300, h:400}，所以我们需要对字符串进行一个转换。

我最先想到的方案是直接用字符串分割来获取各个数值，代码如下，

function fn(str){
    if(!str) return {}
    str = str.replace(/{|}/g,"")
    let arr = str.split(",")
    x = Number(arr[0])
    y = Number(arr[1])
    let xyStr = arr[2]
    let xyArr = xyStr.split("x")
    w = Number(xyArr[0])
    h = Number(xyArr[1])
    return {
        x, y, w, h
    }
}

上面的代码不仅不美观，而且一看就很LOW。

所以，我用正则匹配的方法又重新实现了一下。

function fn(){
     // 示例字符串 "{100, 200, 300x400}" => {x:100, y:200, w:300, h:400}
	  if(!str) return {}
	  const keys = ['x','y','w','h'];
	  let values = str.match(/\d+/g);
	  let result = {};
	  keys.forEach((key,index)=>{
	      result[key] = Number(values[index])
	  })
	  return result
}