不区分大小写的搜索

我试图得到一个不区分大小写的搜索与JavaScript工作的两个字符串。

通常是这样的:

var string="Stackoverflow is the BEST";
var result= string.search(/best/i);
alert(result);

/i标志是不区分大小写的。

但我需要寻找第二根弦;如果没有国旗，它就完美了:

var string="Stackoverflow is the BEST";
var searchstring="best";
var result= string.search(searchstring);
alert(result);

如果我在上面的例子中添加/i标志，它将搜索searchstring，而不是变量“searchstring”中的内容(下一个例子不工作):

var string="Stackoverflow is the BEST";
var searchstring="best";
var result= string.search(/searchstring/i);
alert(result);

我怎样才能做到这一点呢?

325685 次浏览
小开
最佳答案

是的，使用.match，而不是.search。.match调用的结果将返回自己匹配的实际字符串，但它仍然可以用作布尔值。

var string = "Stackoverflow is the BEST";
var result = string.match(/best/i);
// result == 'BEST';


if (result){
alert('Matched');
}

使用这样的正则表达式可能是JavaScript中最整洁和最明显的方法，但请记住它是正则表达式，因此可以包含正则元字符。如果你想从其他地方获取字符串(例如用户输入)，或者如果你想避免转义大量元字符，那么你可能最好像这样使用indexOf:

matchString = 'best';
// If the match string is coming from user input you could do
// matchString = userInput.toLowerCase() here.


if (string.toLowerCase().indexOf(matchString) != -1){
alert('Matched');
}
小开

取代

var result= string.search(/searchstring/i);

与

var result= string.search(new RegExp(searchstring, "i"));
小开

如果你只是搜索一个字符串，而不是一个更复杂的正则表达式，你可以使用indexOf() -但记住先小写两个字符串，因为indexOf()是区分大小写的:

var string="Stackoverflow is the BEST";
var searchstring="best";


// lowercase both strings
var lcString=string.toLowerCase();
var lcSearchString=searchstring.toLowerCase();


var result = lcString.indexOf(lcSearchString)>=0;
alert(result);

或在单行中:

var result = string.toLowerCase().indexOf(searchstring.toLowerCase())>=0;
小开

如果你担心“未终止字符类”的情况，删除所有非字母数字字符将是有帮助的:

searchstring = searchstring.replace(/[^a-zA-Z 0-9]+/g,'');
小开
我注意到，如果用户输入了一个文本字符串，但在没有选择任何自动完成选项的情况下离开输入，则隐藏输入中没有设置任何值，即使字符串与数组中的字符串一致。 所以，在其他答案的帮助下，我得到了这个:

var $local_source = [{
value: 1,
label: "c++"
}, {
value: 2,
label: "java"
}, {
value: 3,
label: "php"
}, {
value: 4,
label: "coldfusion"
}, {
value: 5,
label: "javascript"
}, {
value: 6,
label: "asp"
}, {
value: 7,
label: "ruby"
}];
$('#search-fld').autocomplete({
source: $local_source,
select: function (event, ui) {
$("#search-fld").val(ui.item.label); // display the selected text
$("#search-fldID").val(ui.item.value); // save selected id to hidden input
return false;
},
change: function( event, ui ) {


var isInArray = false;


$local_source.forEach(function(element, index){


if ($("#search-fld").val().toUpperCase() == element.label.toUpperCase()) {
isInArray = true;
$("#search-fld").val(element.label); // display the selected text
$("#search-fldID").val(element.value); // save selected id to hidden input
console.log('inarray: '+isInArray+' label: '+element.label+' value: '+element.value);
};


});


if(!isInArray){


$("#search-fld").val(''); // display the selected text
$( "#search-fldID" ).val( ui.item? ui.item.value : 0 );


}
}
小开

不区分大小写的比较有两种方式:

  1. 将字符串转换为大写，然后使用严格操作符(===)进行比较。

  2. 使用字符串方法匹配模式:

    使用“搜索”;字符串方法进行不区分大小写的搜索。

<!doctype html>
<html>


<head>
<script>
// 1st way


var a = "apple";
var b = "APPLE";
if (a.toUpperCase() === b.toUpperCase()) {
alert("equal");
}


//2nd way


var a = " Null and void";
document.write(a.search(/null/i));
</script>
</head>


</html>

小开

假设我们想在字符串变量haystack中找到字符串变量needle。这里有三个陷阱:

  1. 国际化的应用程序应该避免string.toUpperCase和string.toLowerCase。请使用忽略大小写的正则表达式。例如，var needleRegExp = new RegExp(needle, "i");后面跟着needleRegExp.test(haystack)。
  2. 一般来说，你可能不知道needle的值。注意，needle不包含任何正则表达式特殊字符。使用needle.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");转义这些。
  3. 在其他情况下，如果你想精确匹配needle和haystack，忽略大小写，请确保在正则表达式构造函数的开头添加"^"，在结尾添加"$"。

考虑到第(1)和(2)点，一个例子是:

var haystack = "A. BAIL. Of. Hay.";
var needle = "bail.";
var needleRegExp = new RegExp(needle.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), "i");
var result = needleRegExp.test(haystack);
alert(result);
小开

我喜欢@CHR15TO的答案，不像我在其他类似问题上看到的其他答案，这个答案实际上展示了如何正确地转义用户提供的搜索字符串(而不是说它是必要的，而没有显示如何)。

然而，它仍然相当笨拙，而且可能相对较慢。那么，为什么不针对程序员的常见需求制定一个具体的解决方案呢?(顺便说一句，为什么不把它包含在ES6 API中呢?)

我对类似问题的回答[https://stackoverflow.com/a/38290557/887092]]实现了以下功能:

var haystack = 'A. BAIL. Of. Hay.';
var needle = 'bail.';
var index = haystack.naturalIndexOf(needle);
小开

ES6 +:

let string="Stackoverflow is the BEST";
let searchstring="best";




let found = string.toLowerCase()
.includes(searchstring.toLowerCase());

如果searchString出现在一个或多个位置，includes()返回true，否则返回false。

小开

我这样做经常和使用一个简单的5行原型接受变参数。它是快，工作于到处都是。

myString.containsIgnoreCase('red','orange','yellow')


/**
* @param {...string} var_strings Strings to search for
* @return {boolean} true if ANY of the arguments is contained in the string
*/
String.prototype.containsIgnoreCase = function(var_strings) {
const thisLowerCase = this.toLowerCase()
for (let i = 0; i < arguments.length; i++) {
let needle = arguments[i]
if (thisLowerCase.indexOf(needle.toLowerCase()) >= 0) {
return true
}
}
return false
}


/**
* @param {...string} var_strings Strings to search for
* @return {boolean} true if ALL of the arguments are contained in the string
*/
String.prototype.containsAllIgnoreCase = function(var_strings) {
const thisLowerCase = this.toLowerCase()
for (let i = 0; i < arguments.length; i++) {
let needle = arguments[i]
if (thisLowerCase.indexOf(needle.toLowerCase()) === -1) {
return false
}
}
return true
}


// Unit test


let content = `
FIRST SECOND
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."
FOO BAR
`


let data = [
'foo',
'Foo',
'foobar',
'barfoo',
'first',
'second'
]


let result
data.forEach(item => {
console.log('Searching for', item)
result = content.containsIgnoreCase(item)
console.log(result ? 'Found' : 'Not Found')
})


console.log('Searching for', 'x, y, foo')
result = content.containsIgnoreCase('x', 'y', 'foo');
console.log(result ? 'Found' : 'Not Found')


console.log('Searching for all', 'foo, bar, foobar')
result = content.containsAllIgnoreCase('foo', 'bar', 'foobar');
console.log(result ? 'Found' : 'Not Found')


console.log('Searching for all', 'foo, bar')
result = content.containsAllIgnoreCase('foo', 'bar');
console.log(result ? 'Found' : 'Not Found')

小开

你可以让所有东西都小写:

var string="Stackoverflow is the BEST";
var searchstring="best";
var result= (string.toLowerCase()).search((searchstring.toLowerCase()));
alert(result);
小开

我在尝试区分大小写的字符串搜索，我尝试了

 var result = string.toLowerCase().match(searchstring)

也

var result= string.search(new RegExp(searchstring, "i"));

但我做了一些小修改，对我有用

var result = string.match(new RegExp(searchstring, "i"));

这也可以是小写，大写或组合


提交答案