首页 > 解决方案 > 如何将 toLowerCase() 和 toUpperCase() 函数插入到 if 条件中?

问题描述

我创建了一个页面,并希望在用户键入和搜索特定区域名称时显示一些数据。

我在for循环函数中设置了下面的函数并且它可以工作,即:每当用户键入我要连接到的JSON文件中列出的区域名称时,一些数据会附加到tbody

if (region === textRegione) {
                    $("#tbody").append("<tr><td>" + tappa.name + "</td><td>" + tappa.state + "</td><td>" + tappa.region + "</td><td>" + tappa.city + "</td></tr>"
                    );
                    $("#tabella").show();
                }

问题是用户必须用大写的第一个字母和小写的单词的其余部分来写区域的名称。我想使用这些功能toUpperCase()toLowerCase()告诉浏览器显示信息,无论字母是哪种情况。我写了以下它不起作用:

if (region === textRegione && textRegione.toLowerCase() && textRegione.toUpperCase()) {
                    $("#tbody").append("<tr><td>" + tappa.name + "</td><td>" + tappa.state + "</td><td>" + tappa.region + "</td><td>" + tappa.city + "</td></tr>"
                    );
                    $("#tabella").show();
                }
                ;

信息仍会显示,但前提是单词的首字母大写,其余字母小写...

标签: if-statementconditional-statementsuppercaselowercase

解决方案


只需小写或大写您的搜索查询和值。

例如;

if (region.toLowerCase() === textRegione.toLowerCase()) {
   $("#tbody").append("<tr><td>" + tappa.name + "</td><td>" + tappa.state + "</td><td>" + 
   tappa.region + "</td><td>" + tappa.city + "</td></tr>");

   $("#tabella").show();
};

另一种方法是,您可以使用.seach()函数,以便可以使用正则表达式。例如;

if (region.toLowerCase().search(textRegione.toLowerCase()) !== -1) {
   $("#tbody").append("<tr><td>" + tappa.name + "</td><td>" + tappa.state + "</td><td>" + 
   tappa.region + "</td><td>" + tappa.city + "</td></tr>");

   $("#tabella").show();
};

推荐阅读