javascript - 为什么 $.each 有效但 arr.each 无效

Question

你们能解释一下为什么 $.each 有效但 arr.each 无效吗？这是我的情况:

$('.btnbtnbtn').on('click', function () {
    var pesho = {
        name: "pesho",
        value: 23
    };
    var gosho = {
        name: "gosho",
        value: 25
    };
    var arr = [pesho, gosho] ;    

    $.each(arr, function (key, value) {
        console.log(value.name, value.value)
    });
    return false;
});

这是有效的示例，但如果我用 arr.each(function...) 替换 $.each ，它就不起作用。 我认为这是同一件事。预先感谢您!

Answer 1

正如已经说过的，正确的实现是:

• $.each ( more info here )
• arr.forEach ( more info here )

以下是如何正确使用它们的工作示例:

var pesho = {
  name: "pesho",
  value: 23
};

var gosho = {
  name: "gosho",
  value: 25
};

var arr = [pesho, gosho];

$.each(arr, function(key, value) {
  $("#jQueryEach").append("<div>" + value.name + ": " + value.value + "</div>");
});

arr.forEach(function(item, key) {
  $("#jsArrayforEach").append("<div>" + item.name + ": " + item.value + "</div>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <span>jQuery Each:</span>
  <div id="jQueryEach">
  </div>
</div>
<hr>
<div>
  <span>Javascript Array forEach:</span>
  <div id="jsArrayforEach">
  </div>
</div>