forEach() 和 $.each() ，$().each

forEach(): value在前，index在后 主体：数组
$.each() index在前，value在后 主体：数组
$().each index在前，value在后 主体：单个匹配元素

JS forEach()

语法： array.forEach(function(currentValue, index, arr), thisValue)

html

<p>点击按钮将数组中的所有值乘以特定数字。</p>
<p>乘以: <input type="number" id="multi" value="10"></p>
<button onclick="numbers.forEach(myFunction)">点我</button>
<p>计算后的值: <span id="demo"></span></p>
 
 
<script>
var numbers = [65, 44, 12, 4];      
function myFunction(item,index,arr) {  // 当前元素，当前元素索引,当前元素所在数组
    arr[index] = item * document.getElementById("multi").value;
    demo.innerHTML = numbers;
}
</script>

---

Jq: $.each()

语法： $.each(arr,function(index,item))

    var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
    function myfunc(index,item){
          alert(item[0])
         }
    $.each(arr2,myfunc);    //输出：1   4   7

---

Jq:$().each

语法：$(selector).each(function(index,element))

  
 $(document).ready(function(){
      $("button").click(function(){
        $("li").each(func);   //each() 方法为每个匹配元素规定要运行的函数
      })
    });

function func(index,el){
      console.log(index+$(this).text());
    }
    
html:
    
<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>