js如何生成动态正则表达式?

昨晚在做一道实习生笔试题,突然想要用正则表达式来进行匹配,但发现每次匹配值是不一样的,所以正则表达式也是不一样的,然后就在想,能不能生成动态正则表达式呢?

由于习惯了用以下的格式:

var r = /^abc$/;
发现里面是无法加入动态字符串的。后来才记得RegExp这个函数,然后测试了一下,发现原来这样就可以动态生成正则表达式了。
var str = "abc";
var r = RegExp("^"+str + "$","i");
document.write(r.exec("abc"));
瞬间大喜~~

后来发现用eval()函数也是可以的~~

var e = eval('/^'+str+'$/');
document.write(e.exec("abc"));

唉,见识短浅,终于懂了两种新方法了。


  • 8
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
您可以使用 JavaScript 库 `RegExGen` 和 `vis.js` 来生成和绘制正则表达式可视化。下面是一个简单的示例代码,用于生成正则表达式并将其解析成图形化表示: ```html <!DOCTYPE html> <html> <head> <title>RegEx Visualizer</title> <script src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script> <script src="https://unpkg.com/regexgen"></script> </head> <body> <div> <button onclick="generate()">Generate RegEx</button> </div> <div id="mynetwork"></div> <script> var nodes = []; var edges = []; function generate() { // Generate a random regular expression var regex = new RegExp(RegExGen.generate()); // Create nodes for each part of the expression nodes = []; edges = []; nodes.push({id: 0, label: "Start", shape: "circle"}); for (var i = 0; i < regex.source.length; i++) { nodes.push({id: i + 1, label: regex.source[i]}); } nodes.push({id: regex.source.length + 1, label: "End", shape: "circle"}); // Create edges between nodes for (var i = 0; i < nodes.length - 1; i++) { edges.push({from: i, to: i + 1}); } // Create a network visualization of the expression var container = document.getElementById("mynetwork"); var data = { nodes: nodes, edges: edges }; var options = { layout: { hierarchical: { direction: "LR" } } }; var network = new vis.Network(container, data, options); } </script> </body> </html> ``` 该示例将使用 `RegExGen` 生成随机的正则表达式,并将其解析成一个图形,其中每个字符和节点都是一个节点,而边则表示正则表达式的规则。您可以通过这个示例了解如何使用 `RegExGen` 和 `vis.js` 库来生成和绘制正则表达式可视化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值