Question

我对API数组有点麻烦。基本上我想只显示API数组中的第一个信息对象。我一直在玩Slice（）和substr（）函数，并没有设法让它工作。我做了一个fiddle来证明你的意思。

HTML：

<h3>Wind Speed:</h3><div class='speed'></div> <br>
<h3>Wind Direction:</h3><div class='thug'></div><br>
<h3>Wave Height:</h3><div class='test'></div><br>
<h3>Ignore:</h3><div class='wave'></div><br>

JS：

var url = 'http://magicseaweed.com/api/CP86f5quQqmB1fpW2S3bZVUCS8j1WpUF/forecast/?spot_id=1323'

$.ajax({
    dataType: "jsonp",
    url: url
}).done(function(data) {
    console.log(data);
    sum = 0;

   //---Wind Speed---------------------------------- 
     $.each(data, function(){
        sum += this.wind.speed;
    });
    $('.speed').html(sum / data.length + data[0].wind.unit);



     //---Ignore---------------------------------- 
     $.each(data, function(){
        sum += this.swell.maxBreakingHeight;
    });
    $('.wave').html(sum);


     //---Wave Height---------------------------------- 

    $.each(data, function(){
        $('.test').append('<p>' + this.swell.maxBreakingHeight + '</p>'); 
    });


     //---Wind Direction---------------------------------- 

    $.each(data, function(){
        sum += this.wind.compassDirection ;
    });

    var numbers = sum;
     $('.thug').append('<p>' + numbers.slice( 3,4) + '</p>');
});

在这个例子中，我只希望它显示第一个数字，在这种情况下是'4'。我真的很感激，如果有人可以帮助我，我是Javascript的新手，我已经摸不着头脑了！

谢谢

Answer 1

要获得您可以做的值的平均值，

//---Wave Height---------------------------------- 
    var averageMaxBreakingHeight=0;
    var numberOfValues=0;
    $.each(data, function(){
        averageMaxBreakingHeight+=parseFloat(this.swell.maxBreakingHeight);
            numberOfValues++;
        /*$('.test').append('<p>' + this.swell.maxBreakingHeight + '</p>'); */
    });
    averageMaxBreakingHeight=averageMaxBreakingHeight/numberOfValues;
    $('.test').append('<p>'+averageMaxBreakingHeight+'</p>');


     //---Wind Direction----------------------------------

//下面的数字变量可以是你需要的任何变量，即averageMaxBreakingHeight

如果您只需要十进制数的单位，那么就可以了，

numbers.substr(0,numbers.indexOf('.'))

向上舍入，

Math.round(parseFloat(numbers));

要将你的数字四舍五入到最后两位，

Math.round(parseFloat(numbers) * 100) / 100;

对Javascript数组有点帮助

1 个答案: