Javascript 将对象推送到数组

Question

我无法将对象推送到数组，我也不知道为什么。目前，结果(记录)重复每个循环的最后一个实例。

JSFiddle

HTML

<div data-provider="prv1"></div>
<div data-rating="rtn1"></div>
<div data-price="prc1"></div>

<div data-provider="prv2"></div>
<div data-rating="rtn2"></div>
<div data-price="prc2"></div>

<div data-provider="prv3"></div>
<div data-rating="rtn3"></div>
<div data-price="prc3"></div>

<div data-provider="prv4"></div>
<div data-rating="rtn4"></div>
<div data-price="prc4"></div>

Javascript(带 jQuery)

(function(){

  var sort = $(".sort select");
  var provider = $("[data-provider]");
  var rating = $("[data-rating]");
  var price = $("[data-price]");

  var records = [];
  var record = {};

  $(provider).each(function(index, value){
    record.provider = $(provider).eq(index).data("provider"); 
    record.rating = $(rating).eq(index).data("rating");
    record.price = $(price).eq(index).data("price");
    records[index] = record;
  });


})();

Answer 1

在您的循环中，您将每个索引设置为等于记录。由于record的作用域是匿名函数，所以对于每个索引来说都是同一个对象。

您想要的范围是提供给 .each 的函数

赞this fiddle

$(provider).each(function(index, value){
    var record = {};
    ...
});