jQuery loop get data

Question

私は配列を作成し、与えられた入力が実際に配列内にあるかどうかを調べるために、 'for'ループを使って真の入力を調べるためにその配列に行きます。私はそれが真の真の値とアラートを見つけると、それはそれは、アレイ内の他のすべてのエントリのための偽の警告しかし、ポイントにを動作するようになりました。

$(function(){ 


$('button').on('click', function() { 
    var name = $('#name').val() 


    // Users 
    var pers = ['John', 'Apples', 'Emily', 'Banana', 'Chris', 'Orange']; 


for (var i in pers) { 
    if(pers[i] == name) { 
     $('body').append('<h3> You like ' + pers[++i] + '!'); 
    } else { 
     alert('false'); 
    } // IF 
    } // Loop 
    }); // Button 
}); // Function 

Answer 1

すべての初心者がこのように間違っているようです。ループを終了するまで要素が見つからないことはわかりません。たとえ一致するものがあったとしても、一致しないすべてのアイテムについてfalseに警告しています。一致したときにフラグを設定し、ループの最後にフラグが設定されているかどうかをチェックする必要があります。

これには配列を使用しないでください。オブジェクトを使用してマッピングを実装する必要があります。

var pers = { John: 'Apples', Emily: 'Banana', Chris: 'Orange' }; 
if (pers.hasOwnProperty(name)) { 
    $('body').append('<h3> You like ' + pers[name] + '!'); 
} else { 
    alert("false"); 
}