RegEx zum Abgleichen/Ersetzen von JavaScript-Kommentaren (sowohl mehrzeilig als auch inline)

Question 1

Ich muss alle JavaScript-Kommentare aus einer JavaScript-Quelle mithilfe des JavaScript-RegExp-Objekts entfernen.

Was ich brauche, ist das Muster für die RegExp.

Bisher habe ich das gefunden:

compressed = compressed.replace(//*.+?*/|//.*(?=[nr])/g, '');

Dieses Muster funktioniert gut für:

/* I'm a comment */

oder für:

/*
 * I'm a comment aswell
*/

Aber scheint nicht für die Inline zu funktionieren:

// I'm an inline comment

Ich bin kein Experte für RegEx und seine Muster, also brauche ich Hilfe.

Außerdem hätte ich gerne ein RegEx-Muster, das all diese HTML-ähnlichen Kommentare entfernen würde.

<!-- HTML Comment //--> or <!-- HTML Comment -->

Und auch diese bedingten HTML-Kommentare, die in verschiedenen JavaScript-Quellen zu finden sind.

Danke.

Question 2

HINWEIS: Regex ist kein Lexer oder Parser. Wenn Sie einen seltsamen Grenzfall haben, in dem Sie einige seltsam verschachtelte Kommentare benötigen, die aus einer Zeichenfolge geparst werden müssen, verwenden Sie einen Parser. Für die anderen 98 % der Zeit sollte diese Regex funktionieren.

Ich hatte ziemlich komplexe Blockkommentare mit verschachtelten Sternchen, Schrägstrichen usw. Der reguläre Ausdruck auf der folgenden Seite funktionierte wie ein Zauber:

http://upshots.org/javascript/javascript-regexp-to-remove-comments

(Original siehe unten)

Es wurden einige Änderungen vorgenommen, aber die Integrität der ursprünglichen Regex wurde beibehalten. Um bestimmte doppelte Schrägstriche (//) Sequenzen (z. B. URLs), Sie müssen Rückverweise verwenden $1 in Ihrem Ersatzwert anstelle einer leeren Zeichenfolge. Hier ist es:

//*[sS]*?*/|([^\:]|^)//.*$/gm

// JavaScript: 
// source_string.replace(//*[sS]*?*/|([^\:]|^)//.*$/gm, '$1');

// PHP:
// preg_replace("//*[sS]*?*/|([^\:]|^)//.*$/m", "$1", $source_string);

DEMO: https://regex101.com/r/B8WkuX/1

FEHLENDE ANWENDUNGSFÄLLE: Es gibt einige Grenzfälle, in denen diese Regex fehlschlägt. Eine fortlaufende Liste dieser Fälle ist in dokumentiert diese öffentliche Kernaussage

. Bitte aktualisieren Sie den Kern, wenn Sie andere Fälle finden.

…Und wenn Du Auch entfernen möchten  benutze das:

//*[sS]*?*/|([^\:]|^)//.*|<!--[sS]*?-->$/

(Original – nur als historische Referenz)

// DO NOT USE THIS - SEE ABOVE
/(/*([sS]*?)*/)|(//(.*)$)/gm

Question 3

Versuche dies,

(/*[w'srn*]**/)|(//[ws']*)|(<![--sw>/]*>)

sollte arbeiten 🙂

Question 4

Ich habe einen Ausdruck zusammengestellt, der etwas Ähnliches tun muss.
das fertige produkt ist:

/(?:((["'])(?:(?:\\)|\2|(?!\2)\|(?!2).|[nr])*2)|(/*(?:(?!*/).|[nr])**/)|(//[^nr]*(?:[nr]+|$))|((?:=|:)s*(?:/(?:(?:(?!\*/).)|\\|\/|[^\][(?:\\|\]|[^]])+])+/))|((?:/(?:(?:(?!\*/).)|\\|\/|[^\][(?:\\|\]|[^]])+])+/)[gimy]?.(?:exec|test|match|search|replace|split)()|(.(?:exec|test|match|search|replace|split)((?:/(?:(?:(?!\*/).)|\\|\/|[^\][(?:\\|\]|[^]])+])+/))|(<!--(?:(?!-->).)*-->))/g

Gruselig oder?

Um es aufzuschlüsseln, der erste Teil stimmt mit allem innerhalb einfacher oder doppelter Anführungszeichen überein
Dies ist notwendig, um übereinstimmende Zeichenfolgen in Anführungszeichen zu vermeiden

((["'])(?:(?:\\)|\2|(?!\2)\|(?!2).|[nr])*2)

der zweite Teil entspricht mehrzeiligen Kommentaren, die durch /* */ getrennt sind

(/*(?:(?!*/).|[nr])**/)

Der dritte Teil gleicht einzeilige Kommentare ab, die irgendwo in der Zeile beginnen

(//[^nr]*(?:[nr]+|$))

Der vierte bis sechste Teil stimmt mit allem innerhalb eines Regex-Literals überein
Dies beruht auf einem vorangestellten Gleichheitszeichen oder dem Literal vor oder nach einem Regex-Aufruf

((?:=|:)s*(?:/(?:(?:(?!\*/).)|\\|\/|[^\][(?:\\|\]|[^]])+])+/))
((?:/(?:(?:(?!\*/).)|\\|\/|[^\][(?:\\|\]|[^]])+])+/)[gimy]?.(?:exec|test|match|search|replace|split)()
(.(?:exec|test|match|search|replace|split)((?:/(?:(?:(?!\*/).)|\\|\/|[^\][(?:\\|\]|[^]])+])+/))

und der siebte, den ich ursprünglich vergessen habe, entfernt die HTML-Kommentare

(<!--(?:(?!-->).)*-->)

Ich hatte ein Problem mit meiner Entwicklungsumgebung, die Fehler für eine Regex ausgab, die eine Zeile umbrach, also habe ich die folgende Lösung verwendet

var ADW_GLOBALS = new Object
ADW_GLOBALS = {
  quotations : /((["'])(?:(?:\\)|\2|(?!\2)\|(?!2).|[nr])*2)/,
  multiline_comment : /(/*(?:(?!*/).|[nr])**/)/,
  single_line_comment : /(//[^nr]*[nr]+)/,
  regex_literal : /(?:/(?:(?:(?!\*/).)|\\|\/|[^\][(?:\\|\]|[^]])+])+/)/,
  html_comments : /(<!--(?:(?!-->).)*-->)/,
  regex_of_doom : ''
}
ADW_GLOBALS.regex_of_doom = new RegExp(
  '(?:' + ADW_GLOBALS.quotations.source + '|' + 
  ADW_GLOBALS.multiline_comment.source + '|' + 
  ADW_GLOBALS.single_line_comment.source + '|' + 
  '((?:=|:)\s*' + ADW_GLOBALS.regex_literal.source + ')|(' + 
  ADW_GLOBALS.regex_literal.source + '[gimy]?\.(?:exec|test|match|search|replace|split)\(' + ')|(' + 
  '\.(?:exec|test|match|search|replace|split)\(' + ADW_GLOBALS.regex_literal.source + ')|' +
  ADW_GLOBALS.html_comments.source + ')' , 'g'
);

changed_text = code_to_test.replace(ADW_GLOBALS.regex_of_doom, function(match, $1, $2, $3, $4, $5, $6, $7, $8, offset, original){
  if (typeof $1 != 'undefined') return $1;
  if (typeof $5 != 'undefined') return $5;
  if (typeof $6 != 'undefined') return $6;
  if (typeof $7 != 'undefined') return $7;
  return '';
}

Dies gibt alles zurück, was durch den Text der Zeichenfolge in Anführungszeichen erfasst wird, und alles, was in einem Regex-Literal gefunden wird, intakt, gibt jedoch eine leere Zeichenfolge für alle Kommentarerfassungen zurück.

Ich weiß, dass dies übertrieben und ziemlich schwierig zu pflegen ist, aber bisher scheint es für mich zu funktionieren.

Question 5

Dies funktioniert für fast alle Fälle:

var RE_BLOCKS = new RegExp([
  //(*)[^*]**+(?:[^*/][^*]**+)*//.source,           // $1: multi-line comment
  //(/)[^n]*$/.source,                                 // $2 single-line comment
  /"(?:[^"\]*|\[Ss])*"|'(?:[^'\]*|\[Ss])*'/.source, // - string, don't care about embedded eols
  /(?:[$w)]]|++|--)s*/(?![*/])/.source,           // - division operator
  //(?=[^*/])[^[/\]*(?:(?:[(?:\.|[^]\]*)*]|\.)[^[/\]*)*?/[gim]*/.source
  ].join('|'),                                            // - regex
  'gm'  // note: global+multiline with replace() need test
);

// remove comments, keep other blocks
function stripComments(str) {
  return str.replace(RE_BLOCKS, function (match, mlc, slc) {
    return mlc ? ' ' :         // multiline comment (replace with space)
           slc ? '' :          // single/multiline comment
           match;              // divisor, regex, or string, return as-is
  });
}

Der Code basiert auf Regexes von jspreproc, für die ich dieses Tool geschrieben habe Riot-Compiler.

Sehen http://github.com/aMarCruz/jspreproc

Question 6

In einfacher JS-Regex, dies:

my_string_or_obj.replace(//*[sS]*?*/|([^:]|^)//.*$/gm, ' ')

Question 7

etwas einfacher –

das funktioniert auch für mehrzeilig – ()|()

Question 8

Einfache Regex NUR für Mehrzeilen:

/*((.|n)(?!/))+*/