JavaScript中不区分大小写的字符串替换？

在JavaScript字符串中给出关键字时,我需要强调不区分大小写.

例如:

highlight("foobar Foo bar FOO", "foo") 应该回来 "foobar Foo bar FOO"

我需要代码适用于任何关键字,因此使用硬编码的正则表达式/foo/i不是一个充分的解决方案.

最简单的方法是什么？

(这是标题中详述的更一般问题的一个例子,但我觉得最好用一个具体的,有用的例子来解决.)

你可以,如果你准备搜索字符串使用正则表达式.在PHP中,例如有一个函数preg_quote,它用转义版本替换字符串中的所有正则表达式.

这是javascript的这样一个函数:

function preg_quote( str ) {
    // http://kevin.vanzonneveld.net
    // +   original by: booeyOH
    // +   improved by: Ates Goral (http://magnetiq.com)
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   bugfixed by: Onno Marsman
    // *     example 1: preg_quote("$40");
    // *     returns 1: '\$40'
    // *     example 2: preg_quote("*RRRING* Hello?");
    // *     returns 2: '\*RRRING\* Hello\?'
    // *     example 3: preg_quote("\\.+*?[^]$(){}=!<>|:");
    // *     returns 3: '\\\.\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:'

    return (str+'').replace(/([\\\.\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:])/g, "\\$1");
}

(摘自http://kevin.vanzonneveld.net/techblog/article/javascript_equivalent_for_phps_preg_quote/)

所以你可以做以下事情:

function highlight( data, search )
{
    return data.replace( new RegExp( "(" + preg_quote( search ) + ")" , 'gi' ), "$1" );
}

function highlightWords( line, word )
{
     var regex = new RegExp( '(' + word + ')', 'gi' );
     return line.replace( regex, "$1" );
}

RegExp.escape = function(str) 
{
  var specials = /[.*+?|()\[\]{}\\$^]/g; // .*+?|()[]{}\$^
  return str.replace(specials, "\\$&");
}

function highlightWordsNoCase(line, word)
{
  var regex = new RegExp("(" + RegExp.escape(word) + ")", "gi");
  return line.replace(regex, "$1");
}

var re= new RegExp('('+word+')', 'gi');
return s.replace(re, '$1');

if(typeof String.prototype.highlight !== 'function') {
  String.prototype.highlight = function(match, spanClass) {
    var pattern = new RegExp( match, "gi" );
    replacement = "$&";

    return this.replace(pattern, replacement);
  }
}

var result = "The Quick Brown Fox Jumped Over The Lazy Brown Dog".highlight("brown","text-highlight");