- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试进行快速而肮脏的模板测试,但是当正则表达式替换时,它只替换最后一个出现的位置,我认为 \g
会替换所有副本。但它只匹配最后一次出现的情况。
( How to String.match() distinct it ${SOME_TEXT} using Regex )
我想做的是为每个唯一的变量名称提示用户一次。
Title = t
name = n
result = '${Title} - n - t'
使用 /\$\{([^\}]+)\}/g
有效,但会多次提示用户。
Title = t
name = n
Title = t
result = 't - n - t'
那么我如何才能将每个标记替换为单个值,无论它出现多少次。
<html>
<head>
<script type="application/javascript">
window.copyToClipboard = function(n) {
var u = "_hiddenCopyText_", t, i, r;
t = document.getElementById(u);
t.textContent = n;
i = document.activeElement;
t.focus();
t.setSelectionRange(0, t.value.length);
try {
r = document.execCommand("copy")
} catch (f) {
r = !1
}
return i && typeof i.focus == "function" && i.focus(),
t.textContent = "",
r
};
//${varname}
window.templateRegex = /\$\{([^\}]+)\}(?![\S\s]*\$\{\1\})/g;
window.test = " ${Title} - ${Name} - ${Title}"
window.copyTemplate = function (template) {
var result = template.replace(window.templateRegex, function(match, token){
return window.prompt("replace value for ${"+token+"}","${"+token+"}");
});
window.copyToClipboard(result);
};
</script>
</head>
<textarea id="_hiddenCopyText_"></textarea>
<button onclick="copyTemplate(window.test)">Test</button>
</html>
JsFiddle https://jsfiddle.net/ksu37c3b/
最佳答案
如果相同的${..}
(${Title})出现多次,/\$\{([^\}]+)\}(?![\S\s]*\$\{\1\})/g
只会匹配最后一个。要匹配所有元素, /\$\{([^\}]+)\}/g
可以工作,它不需要负向先行 (?![\S\s]*\$\{\1\})
。
在字符串 "${Title} - ${Name} - ${Title}"
中,仅 ${Name}
和 ${Title}
> 匹配模式,因为第一个和最后一个是相同的,如果你改变字符串,例如 "${Title2} - ${Name} - ${Title}"
就可以了将匹配所有元素,因为 ${Title2} 和 ${Title} 不相等。这就是 (?![\S\s]*\$\{\1\})
尝试做的事情,如果最后一个 ${..}
和当前的 ${..}
相同,不会匹配。
So how can I replace each token with a single value no matter how many times it appears.
您可以使用match()
方法获取出现的标记数组,然后将其一一替换,下面的代码将起作用:
window.templateRegex = /\$\{([^\}]+)\}(?![\S\s]*\$\{\1\})/g;
window.test = " ${Title} - ${Name} - ${Title}";
var userinput, reg, i;
var arr = window.test.match(/\$\{([^\}]+)\}(?![\S\s]*\$\{\1\})/g);
for (i = 0; i < arr.length; i++) {
arr[i] = arr[i].replace(/[\$\{\}]/g, "");
userinput = window.prompt("replace value for " + arr[i]);
reg = new RegExp("\\$\\{" + arr[i] + "\\}", 'g');
console.log(reg);
window.test = window.test.replace(reg, userinput);
}
alert(window.test);
我已将您的代码修改如下:
window.copyToClipboard = function(n) {
var u = "_hiddenCopyText_",
t, i, r;
t = document.getElementById(u);
t.textContent = n;
//** snip **//
};
//${varname}
window.templateRegex = /\$\{([^\}]+)\}(?![\S\s]*\$\{\1\})/g;
window.test = " ${Title} - ${Name} - ${Title}";
window.copyTemplate = function(template) {
var result = template;
var userinput, reg;
var arr = result.match(/\$\{([^\}]+)\}(?![\S\s]*\$\{\1\})/g);
for (let i = 0; i < arr.length; i++) {
arr[i] = arr[i].replace(/[\$\{\}]/g, "");
userinput = window.prompt("replace value for " + arr[i]);
reg = new RegExp("\\$\\{" + arr[i] + "\\}", 'g');
console.log(reg);
result = result.replace(reg, userinput);
}
window.copyToClipboard(result);
};
<textarea id="_hiddenCopyText_"></textarea>
<button onclick="copyTemplate(window.test)">Test</button>
关于javascript - 正则表达式全局替换不替换第一次出现的情况,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41798489/
我的应用程序中有一个 settings.php 页面,它使用 $GLOBALS 来存储网络应用程序中使用的配置。 例如,他是我使用的一个示例设置变量: $GLOBALS["new_login_page
我正在尝试编译我们在 OS 类上获得的简单操作系统代码。它在 Ubuntu 下运行良好,但我想在 OS X 上编译它。我得到的错误是: [compiling] arch/i386/arch/start
我知道distcp无法使用通配符。 但是,我将需要在更改的目录上安排distcp。 (即,仅在星期一等“星期五”目录中复制数据),还从指定目录下的所有项目中复制数据。 是否有某种设计模式可用于编写此类
是否可以在config.groovy中全局定义资源格式(json,xml)的优先级,而不是在每个Resource上指定?例如,不要在@Resource Annotation的参数中指定它,例如: @R
是否有一些简单的方法来获取大对象图的所有关联,而不必“左连接获取”所有关联?我不能只告诉 Hibernate 默认获取 eager 关联吗? 最佳答案 即使有可能有一个全局 lazy=false(谷歌
我正在尝试实现一个全局加载对话框...我想调用一些静态函数来显示对话框和一些静态函数来关闭它。与此同时,我正在主线程或子线程中做一些工作...... 我尝试了以下操作,但对话框没有更新...最后一次,
当我偶然发现 this question 时,我正在阅读更改占位符文本。 无论如何,我回去学习了占位符。一个 SO 的回答大致如下: Be careful when designing your pl
例如,如果我有这样的文字: "hello800 more text 1234 and 567" 它应该匹配 1234 和 567,而不是 800(因为它遵循 hello 的 o,这不是一个数字)。 这
我一直在尝试寻找一种无需使用 SMS 验证系统即可验证电话号码(Android 和 iPhone)的方法。原因纯粹是围绕成本。我想要一个免费的解决方案。 我可以安全地假设 Android 操作系统会向
解决此类问题的规范 C++ 设计模式是什么? 我有一些共享多个类的多线程服务器。我需要为大多数类提供各种运行时参数(例如服务器名称、日志记录级别)。 在下面的伪 C++ 代码中,我使用了一个日志记录类
这个问题在这里已经有了答案: Using global variables in a function (25 个答案) 关闭 9 年前。 我是 python 的新手,所以可能有一个简单的答案,但我
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Does C++ call destructors for global and class static
我正在尝试使用 Objective-C 中的 ArrayList 的等价物。我知道我必须使用 NSMutableArray。我想要一个字符串列表 (NSString)。关键是我的列表应该可以从我类(c
今天刚开始学习 Android 开发,我找不到任何关于如何定义 Helper 类或将全局加载的函数集合的信息,我会能够在我创建的任何 Activity 中使用它们。 我的计划是创建(至少目前)2 个几
为什么这段代码有效: var = 0 def func(num): print num var = 1 if num != 0: func(num-1) fun
$GLOBALS["items"] = array('one', 'two', 'three', 'four', 'five' ,'six', 'seven'); $alter = &$GLOBALS
我想知道如何实现一个可以在任何地方使用您自己的设置的全局记录器: 我目前有一个自定义记录器类: class customLogger(logging.Logger): ... 该类位于一个单独的
我需要使用 React 测试库和 Jest 在我的测试中模拟不同的窗口大小。 目前我必须在每个测试文件中包含这个beforeAll: import matchMediaPolyfill from 'm
每次我遇到单例模式或任何静态类(即(几乎)只有静态成员的类)的实现时,我想知道这是否实际上不是一种黑客行为,因此只是为了设计而严重滥用类和实例的原则单个对象,而不是设计类和创建单个实例。对我来说,看起
这个问题在这里已经有了答案: Help understanding global flag in perl (2 个回答) 7年前关闭。 my $test = "There was once an\n
我是一名优秀的程序员,十分优秀!