Javascript RegExp 根据内容更改行

Question

我在 JavaScript 和正则表达式方面确实遇到了麻烦。我们有一个使用 log4J 生成的日志文件，并希望呈现为 html 页面。这个想法是根据错误的类型(警告、信息..)向行添加一些样式。

可以创建一个转换每一行的正则表达式:

 [                          main] [ WARN] (26-01-12 17:06:09.168) Engine started
 [         startup-schema-loader] [ INFO] (26-01-12 17:06:09.168) Load on Startup Schemas Setup
 [         startup-schema-loader] [DEBUG] (26-01-12 17:06:09.168) dispatching request   [GwtReloadAllSchemasServerRequest : ]
 [               engine-thread-2] [ INFO] (26-01-12 17:06:09.171) Re-loading all schemas

变成这样的东西:

<span class="log-warn">[                          main] [ WARN] (26-01-12 17:06:09.168) Engine started</span>
<span class="log-info">[         startup-schema-loader] [ INFO] (26-01-12 17:06:09.168) L</span>

提前致谢

Answer 1

在这里，只需将日志存储在名为 logs 的 var 中即可。

var html = logs.replace(/.*/g,function($0){
    var r = $0.match(/[A-Z]+(?=])/g); 
    return r ? '<span class="log-'+ r[0].toLowerCase()+'">' + $0 + '</span>' : $0})

工作示例:http://jsfiddle.net/nFwQT/

<小时/>

解释:在第一行中，我们使用正则表达式“拆分”每一行，并对每一行应用一个函数，在第二行中，我们使用匹配大写单词后跟“]”的正则表达式，在第三行中行中，我们返回一个 SPAN 标记，其中的类基于匹配的单词，如果未找到匹配项，则仅返回元素。