0

我在使用 API 数组时遇到了一点麻烦。基本上我只想显示 API 数组中的第一个信息对象。我一直在玩 Slice() 和 substr() 函数，但没有设法让它工作。我做了一个小提琴来表明你想要我的意思。

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 还很陌生，而且多年来我一直在摸不着头脑！

谢谢

4

1 回答 1

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;
于 2013-10-17T10:41:09.843 回答