Có chức năng RegExp.escape trong Javascript không?

Tôi chỉ muốn tạo một biểu thức chính quy từ bất kỳ chuỗi nào có thể.

var usersString = "Hello?!*`~World()[]";
var expression = new RegExp(RegExp.escape(usersString))
var matches = "Hello".match(expression);

Có một phương pháp được xây dựng cho điều đó? Nếu không, mọi người sử dụng cái gì? Ruby có RegExp.escape. Tôi không cảm thấy mình cần phải tự viết, phải có một cái gì đó tiêu chuẩn ngoài kia. Cảm ơn!

Các chức năng liên kết ở trên là không đủ. Nó không thoát ^hoặc $(bắt đầu và kết thúc chuỗi), hoặc -, trong một nhóm ký tự được sử dụng cho các phạm vi.

Sử dụng chức năng này:

function escapeRegex(string) {
    return string.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
}

Mặc dù thoạt nhìn có vẻ không cần thiết, việc thoát -(cũng như ^) làm cho chức năng phù hợp để thoát các ký tự được chèn vào một lớp nhân vật cũng như cơ thể của biểu thức chính quy.

Trốn thoát /làm cho hàm phù hợp để thoát các ký tự được sử dụng trong một biểu thức chính tả của JS cho eval sau này.

Vì không có nhược điểm nào để thoát khỏi một trong hai, nên thoát ra để bao quát các trường hợp sử dụng rộng hơn.

Và vâng, thật đáng thất vọng khi đây không phải là một phần của JavaScript tiêu chuẩn.

Đối với bất cứ ai sử dụng lodash, kể từ v3.0.0 một _.escapeRegExp chức năng được xây dựng-in:

_.escapeRegExp('[lodash](https://lodash.com/)');
// → '\[lodash\]\(https:\/\/lodash\.com\/\)'

Và, trong trường hợp bạn không muốn yêu cầu thư viện lodash đầy đủ, bạn có thể chỉ yêu cầu chức năng đó !

Hầu hết các biểu thức ở đây giải quyết các trường hợp sử dụng cụ thể duy nhất.

Điều đó không sao, nhưng tôi thích cách tiếp cận "luôn hoạt động".

function regExpEscape(literal_string) {
    return literal_string.replace(/[-[\]{}()*+!<=:?.\/\\^$|#\s,]/g, '\\$&');
}

Điều này sẽ "thoát hoàn toàn" một chuỗi ký tự cho bất kỳ cách sử dụng nào sau đây trong các biểu thức thông thường:

• Chèn trong một biểu thức chính quy. Ví dụnew RegExp(regExpEscape(str))
• Chèn trong một lớp nhân vật. Ví dụnew RegExp('[' + regExpEscape(str) + ']')
• Chèn vào specifier số nguyên. Ví dụnew RegExp('x{1,' + regExpEscape(str) + '}')
• Thực thi trong các công cụ biểu thức chính quy không phải là JavaScript.

Nhân vật đặc biệt được bảo hiểm:

• -: Tạo một phạm vi nhân vật trong một lớp nhân vật.
• [/ ]: Bắt đầu / kết thúc một lớp nhân vật.
• {/ }: Bắt đầu / kết thúc một công cụ xác định số.
• (/ ): Bắt đầu / kết thúc một nhóm.
• */ +/ ?: Chỉ định loại lặp lại.
• .: Phù hợp với bất kỳ nhân vật.
• \: Thoát khỏi các ký tự và bắt đầu các thực thể.
• ^: Chỉ định bắt đầu vùng khớp và phủ định khớp trong một lớp ký tự.
• $: Chỉ định kết thúc vùng khớp.
• |: Chỉ định xen kẽ.
• #: Chỉ định nhận xét trong chế độ giãn cách miễn phí.
• \s: Bỏ qua trong chế độ khoảng cách miễn phí.
• ,: Tách các giá trị trong bộ xác định số.
• /: Bắt đầu hoặc kết thúc biểu thức.
• :: Hoàn thành các loại nhóm đặc biệt và một phần của các lớp nhân vật theo phong cách Perl.
• !: Phủ định nhóm độ rộng bằng không.
• </ =: Một phần của thông số kỹ thuật nhóm không độ rộng.

Ghi chú:

• /là không thực sự cần thiết trong bất kỳ hương vị của biểu thức thông thường. Tuy nhiên, nó bảo vệ trong trường hợp ai đó (rùng mình) làm eval("/" + pattern + "/");.
• , đảm bảo rằng nếu chuỗi có nghĩa là một số nguyên trong bộ xác định số, thì nó sẽ gây ra lỗi biên dịch RegExp đúng cách thay vì âm thầm biên dịch sai.
• #và \skhông cần phải thoát trong JavaScript, nhưng thực hiện theo nhiều hương vị khác. Chúng được thoát ở đây trong trường hợp biểu thức chính quy sau đó sẽ được chuyển sang chương trình khác.

Nếu bạn cũng cần chứng minh tương lai biểu thức chính quy chống lại các bổ sung tiềm năng cho các khả năng của công cụ regex JavaScript, tôi khuyên bạn nên sử dụng phép hoang tưởng hơn:

function regExpEscapeFuture(literal_string) {
    return literal_string.replace(/[^A-Za-z0-9_]/g, '\\$&');
}

Hàm này thoát khỏi mọi ký tự trừ những ký tự được bảo đảm rõ ràng không được sử dụng cho cú pháp trong các hương vị biểu thức chính quy trong tương lai.

Để thực sự vệ sinh, hãy xem xét trường hợp cạnh này:

var s = '';
new RegExp('(choice1|choice2|' + regExpEscape(s) + ')');

Điều này sẽ biên dịch tốt trong JavaScript, nhưng sẽ không có trong một số hương vị khác. Nếu có ý định chuyển sang hương vị khác, trường hợp null s === ''nên được kiểm tra độc lập, như vậy:

var s = '';
new RegExp('(choice1|choice2' + (s ? '|' + regExpEscape(s) : '') + ')');

Hướng dẫn về Biểu thức chính quy của Mozilla Developer Network cung cấp chức năng thoát này:

function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
}

Trong tiện ích tự động hoàn thành của jQueryUI (phiên bản 1.9.1), họ sử dụng biểu thức chính quy hơi khác (Dòng 6753), đây là biểu thức chính quy kết hợp với phương pháp @bobince.

RegExp.escape = function( value ) {
     return value.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&");
}

Không có gì có thể ngăn bạn thoát khỏi mọi ký tự không phải là chữ và số:

usersString.replace(/(?=\W)/g, '\\');

Bạn mất một mức độ dễ đọc nhất định khi làm re.toString()nhưng bạn giành được rất nhiều sự đơn giản (và bảo mật).

Theo ECMA-262, một mặt, biểu thức chính quy "nhân vật cú pháp" luôn không tự chữ và số, như vậy mà kết quả là an toàn, và trình tự thoát đặc biệt ( \d, \w, \n) luôn tự chữ và số như vậy mà không thoát kiểm soát giả sẽ được sản xuất .

Có một đề xuất ES7 cho RegExp.escape tại https://github.com/benjamingr/RexExp.escape/ , với một polyfill có sẵn tại https://github.com/ljharb/regapid.escape .

Đây là một phiên bản ngắn hơn.

RegExp.escape = function(s) {
    return s.replace(/[$-\/?[-^{|}]/g, '\\$&');
}

Điều này bao gồm các nhân vật phi meta của %, &, ', và ,, nhưng thông số kỹ thuật Javascript RegExp phép này.

XRegExp có chức năng thoát:

XRegExp.escape('Escaped? <.>'); // -> 'Escaped\?\ <\.>'

Thông tin thêm về: http://xregapi.com/api/#escape

Thay vì chỉ thoát các ký tự sẽ gây ra sự cố trong biểu thức thông thường của bạn (ví dụ: danh sách đen), tại sao không xem xét sử dụng danh sách trắng thay thế. Bằng cách này, mỗi nhân vật được coi là vô vị trừ khi nó phù hợp.

Trong ví dụ này, giả sử biểu thức sau:

RegExp.escape('be || ! be');

Danh sách trắng này chữ, số và dấu cách:

RegExp.escape = function (string) {
    return string.replace(/([^\w\d\s])/gi, '\\$1');
}

Trả về:

"be \|\| \! be"

Điều này có thể thoát khỏi các ký tự không cần phải thoát, nhưng điều này không cản trở biểu hiện của bạn (có thể là một số hình phạt nhỏ trong thời gian - nhưng nó đáng để đảm bảo an toàn).

escapeRegExp = function(str) {
  if (str == null) return '';
  return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
};

Các hàm trong các câu trả lời khác là quá mức cần thiết để thoát toàn bộ biểu thức chính quy (chúng có thể hữu ích cho việc thoát các phần của biểu thức chính quy mà sau đó sẽ được nối vào các biểu thức lớn hơn).

Nếu bạn thoát khỏi toàn bộ một regexp và được thực hiện với nó, trích dẫn metacharacters rằng hoặc là độc lập ( ., ?, +, *, ^, $, |, \) hoặc bắt đầu một cái gì đó ( (, [, {) là tất cả các bạn cần:

String.prototype.regexEscape = function regexEscape() {
  return this.replace(/[.?+*^$|({[\\]/g, '\\$&');
};

Và vâng, thật đáng thất vọng khi JavaScript không có chức năng như tích hợp sẵn này.

Một cách tiếp cận khác (an toàn hơn nhiều) là thoát tất cả các ký tự (và không chỉ một vài ký tự đặc biệt mà chúng ta hiện biết) bằng cách sử dụng định dạng thoát unicode \u{code}:

function escapeRegExp(text) {
    return Array.from(text)
           .map(char => `\\u{${char.charCodeAt(0).toString(16)}}`)
           .join('');
}

console.log(escapeRegExp('a.b')); // '\u{61}\u{2e}\u{62}'

Xin lưu ý rằng bạn cần truyền ucờ cho phương thức này hoạt động:

var expression = new RegExp(escapeRegExp(usersString), 'u');

Chỉ có và đã từng có 12 nhân vật meta cần được trốn thoát
để được coi là một nghĩa đen.

Không có vấn đề gì được thực hiện với chuỗi thoát, được chèn vào
trình bao bọc regex cân bằng , được nối thêm, không thành vấn đề.

Thực hiện thay thế một chuỗi bằng cách này

var escaped_string = oldstring.replace( /[\\^$.|?*+()[{]/g, '\\$&' );