使用 JavaScript 从字符串中删除注释

Question

有一些字符串（例如，'s'）：

import 'lodash';
// TODO import jquery
//import 'jquery';

/*
Some very important comment
*/

如何从 's' 字符串中删除所有 cmets？我应该使用一些正则表达式吗？我不知道。

Answer 1

one from @MarcoS 在某些情况下不起作用...

以下是我的解决方案：

str.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g,'');

从字符串中删除 cmets：

function removeComments(string){
    //Takes a string of code, not an actual function.
    return string.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g,'').trim();//Strip comments
}
const commentedcode = `
alert('hello, this code has comments!')//An alert
/* A block comment here */
// A single line comment on a newline
`;
console.log(removeComments(commentedcode));

使用RegExr.com：

Answer 2

如果你想使用正则表达式，你可以使用这个：

/(\/\*[^*]*\*\/)|(\/\/[^*]*)/

这应该同时去除 // ... \n 样式 cmets 和 /* ... */ 样式 cmets。

完整的工作代码：

var stringWithoutComments = s.replace(/(\/\*[^*]*\*\/)|(\/\/[^*]*)/g, '');
console.log(stringWithoutComments);

用多行字符串测试：

var s = `before
/* first line of comment
   second line of comment */
after`;
var stringWithoutComments = s.replace(/(\/\*[^*]*\*\/)|(\/\/[^*]*)/g, '');
console.log(stringWithoutComments);

输出：

before

after

Answer 3

console.log(`

     var myStr = 'я! This \\'seems\\' to be a // comment'; // but this is actually the real comment.
    /* like this one */ var butNot = 'this "/*one*/"'; // but this one and /* this one */
    /* and */ var notThis = "one '//but' \\"also\\""; /* // this one */
    `
    
    // 1) replace "/" in quotes with non-printable ASCII '\1' char
    .replace(/("([^\\"]|\\")*")|('([^\\']|\\')*')/g, (m) => m.replace(/\//g, '\1'))
    
    // 2) clear comments
    .replace(/(\/\*[^*]+\*\/)|(\/\/[^\n]+)/g, '')
    
    // 3) restore "/" in quotes
    .replace(/\1/g, '/')

);

Answer 4

您可以使用此 RegEX 来匹配所有 cmets （支持俄罗斯符号。| 拉丁文或西里尔文 | ）。

(\/\*[\wа-я\'\s\r\n\*]*\*\/)|(\/\/[\wа-я\s\'\;]*)|(\<![\-\-\s\wа-я\>\/]*\>)

---

正则表达式部分：

Part1: (\/\*[\wа-я\'\s\r\n\*]*\*\/) for comments style: /*   .....   */ 

Part2: (\/\/[\wа-я\s\'\;]*)         for comments style: //   .....

Part3: (\<![\-\-\s\wа-я\>\/]*\>)    for comments style: <!-- .....  -->

Updated Regex101 DEMO

Updated JsFiddle DEMO ，在 cmets 中支持 俄罗斯符号

---

textarea{
  width:300px;
  height:120px;
}

<textarea id="code">
import 'lodash';
// TODO импортируем auth provider
//import 'jquery';

/*
Some very important comment
*/
</textarea>
<br />
<button onclick="removeAllComments()">Remove All Comments</button>

<script>
    function removeAllComments(){
        var str = document.getElementById('code').innerHTML.replace(/(\/\*[\wа-я\'\s\r\n\*]*\*\/)|(\/\/[\wа-я\s\'\;]*)|(\<![\-\-\s\wа-я\>\/]*\>)/ig, "");
        document.getElementById('code').innerHTML = str;
    }
</script>

Answer 5

comment1 = ' I dont like oneline comment. to parsing. // like this comment.'
comment2 = ' also i hate multiple line comment
    /*
    like
    this.*/'

comment1.replace(/\s*(?:\/\/).*?$/gm , '')
// but you can't delete multiple line commet with regular grammar. like comment2

RegExp 基于正则语法。这意味着常规语法解析器是一个最终状态机，不能保存状态，所以正则表达式不能像多条评论一样删除它只能单行评论。

如果你想删除多行注释，那么你必须编写解析器。或使用其他不是正则表达式的东西。