JS：替换对象中与模式匹配的所有字符串值？

我正在寻找一种有效的方法来替换对象内的值（如果它们与特定模式匹配）。

var shapes = {
  square: {
    attr: {
      stroke: '###',
      'stroke-width': '%%%'
    }
  },
  circle: {
    attr: {
      fill: '###',
      'stroke-width': '%%%'
    }
  }
}

例如，我希望能够将所有“###”图案替换为特定形状的颜色：

var square = replace(shapes.square, {
  '###': '#333',
  '%%%': 23
});

var circle = replace(shapes.circle, {
  '###': '#111',
  '%%%': 5
});

这将使我能够快速设置各种对象的描边和/或填充值。

有没有办法干净地做到这一点？也许使用 Lodash 或正则表达式？

纯 JS，无需库：

var shapes = {
  square: {
    attr: {
      stroke: '###',
      'stroke-width': '%%%'
    }
  },
  circle: {
    attr: {
      fill: '###',
      'stroke-width': '%%%'
    }
  }
}
shapes = JSON.parse(
  JSON.stringify(shapes).replace(/###/g,"red").replace(/%%%/g,"23")
)
console.log(shapes);