JavaScript比较不区分大小写的字符串

2021年4月6日19:37:06 发表评论 1,181 次浏览

以不区分大小写的方式比较字符串意味着在不考虑大写和小写字母的情况下比较它们。要执行此操作, 最优选的方法是使用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中不区分大小写的字符串1

单击按钮后:

比较JavaScript中不区分大小写的字符串2

范例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>

输出如下:

在单击按钮之前:

比较JavaScript中不区分大小写的字符串3

单击按钮后:

比较JavaScript中不区分大小写的字符串4

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: