javascript - javascript 如何从数组中只获取一个值

Question

我正在学习 javascript，我尝试了一些东西，但我不知道如何让它工作，这是我目前的代码:

HTML

<p>Busca tu auto:</p>
<input type="text" id="search"><span> </span><button>Submit</button>
<p class="hide h1" style="color:green">Your car is available.</p>
<p class="hide h2" style="color:red">Your car is not available.</p>

JS

$(document).ready(function(){
    var cars = ['mercedes','nissan','ferrari','bmw','fiat','toyota','renault','peugeot','kia'];
    $('.hide').hide();
    $('button').click(function(){
        if($('#search').val() == cars[x]){
            $('.h1').show();
            $('.h2').hide();
        } else {
            $('.h2').show();
            $('.h1').hide();
        };
    });
});

我想做的是，当您单击按钮时检查汽车是否可用(这不是真实的)。例如，如果您键入“mazda”并单击按钮，则会显示 h2，但如果您键入“fer​​rari”并单击按钮，则会显示 h1。

我是否正在使用上面的代码接近解决方案？

注意:如果您将 cars[x] 中的“x”更改为一个数字，它会起作用，但仅限于一辆车。

Answer 1

Array.prototype.indexOf

$(document).ready(function(){
    var cars = ['mercedes','nissan','ferrari','bmw','fiat','toyota','renault','peugeot','kia'];
    $('.hide').hide();
    $('button').click(function(){
        if(cars.indexOf($('#search').val()) !== -1){
            $('.h1').show();
            $('.h2').hide();
        } else {
            $('.h2').show();
            $('.h1').hide();
        };
    });
});

http://jsfiddle.net/CWHDv/