js 实现将“{1}元~{2}元，{3}%”与“[輸入框]元~[輸入框]元，[輸入框]%”互转

码上云端

于 2020-06-26 23:09:27 发布

阅读量142

点赞数

分类专栏： vue js 文章标签： js 正则表达式字符串

本文链接：https://blog.youkuaiyun.com/weixin_43817709/article/details/106976087

版权

vue 同时被 2 个专栏收录

9 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了一种使用正则表达式和字符串替换方法处理占位符的技巧，该技巧能够帮助开发者在展示给用户前将数据库中的占位符转换为易读格式，同时也能将用户输入的易读格式转换回数据库格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候需要一些占位符如：{1}，{2}等来实现具体业务需求，但又不能把占位符直接显示给客户看，因为客户可能看不懂，所以，这就需要对占位符进行转换。客户看懂了，但存数据库格式还得对上，所以需要进行反转。

   format (str, colNum) {
      const aa = '[輸入框]'
      for (let i = 1; i <= colNum; i++) {
        str = str.replace(new RegExp('\\{' + i + '\\}', 'g'), aa)
      }
      return str
    },
    unFormat (str, colNum) {
      for (let i = 1; i <= colNum; i++) {
        str = str.replace(new RegExp(/\[輸入框\]/), '{' + i + '}')
      }
      return str
    },