![](/img/trans.png)
[英]Needing an alternative to eval() and better way for replacing string values
[英]Better way to count certain string values?
我希望得到一些关于我正在玩的剧本的建议。 我正在开发一个计算句子中多个元素的程序,现在我只是计算元音的总数。 我有一个工作脚本,但我想知道,有没有比我目前拥有的更好的方法来做到这一点?
HTML
<div id="test">
<input type="text" />
<p></p>
<p></p>
</div>
JS
$(document).ready(function(){
var key;
var vowels;
$("#test input[type='text']").on("keydown", function(e){
key = e.target.value;
$("#test p:nth-of-type(1)").text(key);
})
$(this).on("keydown", function(e){
vowels = [];
if(e.keyCode == 13){
console.log($("#test input[type='text']").val());
for(var i = 0; i < $("#test input[type='text']").val().length; i++){
switch($("#test input[type='text']").val()[i]){
case "a":
vowels.push($("#test input[type='text']").val()[i]);
break;
case "e":
vowels.push($("#test input[type='text']").val()[i]);
break;
case "i":
vowels.push($("#test input[type='text']").val()[i]);
break;
case "o":
vowels.push($("#test input[type='text']").val()[i]);
break;
case "u":
vowels.push($("#test input[type='text']").val()[i]);
break;
}
}
$("#test p:nth-of-type(2)").text("There are " +vowels.length +" vowels.");
}
})
})
这是工作笔。
您可以使用临时变量优化简单性和速度:
if(e.keyCode == 13){
var tmp=$("#test input[type='text']").val();
console.log(tmp);
for(var i = 0; i < tmp.length; i++){
switch(tmp[i]){
case "a":
vowels.push("a");
break;
case "e":
vowels.push("e");
break;
case "i":
vowels.push("i");
break;
case "o":
vowels.push("o");
break;
case "u":
vowels.push("u");
break;
}
}
因为无数次解析 html 很慢而且膨胀的代码行使得更难看到其他问题。
代替
$(this).on("keydown", ...
您可以检查“keyup”,因为它提供了更新的内容。
您实际上可以进一步简化代码并完全删除 switch 语句。
在这种方法中,我使用.match(/[aeiou]/gi)
来生成元音数组。 g
标志将匹配所有出现,而i
标志将忽略字符的大小写。
$('#test :input').on('input keydown', function(e) {
var input = this.value,
match = input.match(/[aeiou]/gi),
count = match ? match.length : 0;
$('#test p').eq(0).text(input);
if (e.keyCode === 13) {
$('#test p').eq(1).text('There are ' + count + ' vowels.');
}
});
if(e.keyCode == 13){
var tmp=$("#test input[type='text']").val();
for(var i = 0; i < tmp).length; i++){
if(["a", "e", "i", "o", "u"].indexOf(tmp[i]))
vowels.push(tmp[i]);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.