innerHTML给出NaN输出

Question

我有这个函数从websocket获取数据和数组。从那个数组中，我已经将值溢出到不同的变量中。不幸的是，我一直得到NaN values when I pass into innerHTML`。我错误地解析了数组？请参阅下面的代码

socket.on('data_added', function(mess) {

  var x = [];
  x.push(mess);

  var humidity = [];
  var temperature = [];

  for (var i = 0; i < x.length; i++) {
    temperature.push(x[i].temperature);

    humidity.push(x[i].humidity);
  }

  humidity = document.querySelector('#weather > p:nth-child( 2 )');

  temperature = document.querySelector('#weather > p:nth-child( 1 )');

  temperature.innerHTML = 'Temperature: ' + parseFloat(temperature[0]) + '&deg;C';

  // Populate humidity
  humidity.innerHTML = 'Humidity: ' + parseFloat(humidity[0]) + '%';

  console.log(temperature);
  console.log(humidity);
});

我将非常感谢你的努力。

HTML文件

<div id="weather">
    <p>Temperature:  &deg;</p>
    <p>Humidity:  %</p>
</div>