JavaScript比较不区分大小写的字符串 _前端开发

以不区分大小写的方式比较字符串意味着在不考虑大写和小写字母的情况下比较它们。要执行此操作, 最优选的方法是使用toUpperCase()ortoLowerCase()功能。
toUpperCase()函数：
str.toUpperCase()函数将整个字符串转换为大写。此功能不影响已经使用大写字母的任何特殊字符, 数字和字母。
语法如下：

string.toUpperCase()

toLowerCase()函数：
str.toLowerCase()函数将整个字符串转换为小写。此功能不影响任何小写的特殊字符, 数字和字母。
语法如下：

string.toLowerCase()

范例1：这个例子使用toUpperCase()比较两个字符串的函数。

< !DOCTYPE html> < html> < head> < title> JavaScript | Case insensitive string comparison < /title> < /head> < body style = "text-align:center; "> < h1 style = "color:green; "> lsbin < /h1> < p id = "GFG_up" style = "color:green; "> < /p> < button onclick = "myGeeks()"> Click here < /button> < p id = "GFG_down" style = "color:green; "> < /p> < script> var str1 = "this iS lsbin"; var str2 = "This IS lsbin"; var p_up = document.getElementById("GFG_up"); p_up.innerHTML = str1 + "< br> " + str2; function myGeeks() { var p_down = document.getElementById("GFG_down"); var areEqual = str1.toUpperCase() === str2.toUpperCase(); p_down.innerHTML = areEqual; } < /script> < /body> < /html>

输出如下：
在单击按钮之前：

文章图片
单击按钮后：

文章图片
【JavaScript比较不区分大小写的字符串】范例2：这个例子使用toLoweCase()比较两个字符串的函数。

< !DOCTYPE html> < html> < head> < title> JavaScript | Case insensitive string comparison < /title> < /head> < body style = "text-align:center; "> < h1 style = "color:green; "> lsbin < /h1> < p id = "GFG_up" style = "color:green; "> < /p> < button onclick = "myGeeks()"> Click here < /button> < p id = "GFG_down" style = "color:green; "> < /p> < script> var str1 = "this iS geeks"; var str2 = "This IS lsbin"; var p_up = document.getElementById("GFG_up"); p_up.innerHTML = str1 + "< br> " + str2; function myGeeks() { var p_down = document.getElementById("GFG_down"); var areEqual = str1.toLowerCase() === str2.toLowerCase(); p_down.innerHTML = areEqual; } < /script> < /body> < /html>

输出如下：
在单击按钮之前：