09-静态方法each方法

最新推荐文章于 2022-08-17 10:18:55 发布

原创最新推荐文章于 2022-08-17 10:18:55 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了如何使用jQuery的each方法来遍历数组和伪数组，对比了原生JavaScript中forEach方法的局限性，展示了each方法在处理不同数据结构上的灵活性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>09-静态方法each方法</title>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script>
    var arr = [1, 3, 5, 7, 9];
    var obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};    //伪数组
    /*
    *
    *第一个参数：遍历到的元素
    * 第二个参数：遍历到的索引
    * 注意点：原生的forEach方法只能遍历数组，不能遍历伪数组
     */

    arr.forEach(function (value, index) {
      console.log(index,value);
    });
    /*obj.forEach(function (value,index) {
      console.log(index,value);   //不能遍历
    })*/

    //1.利用each静态方法遍历数组

    //第一个参数：遍历的索引
    //第二个参数：遍历的元素
    
    //可以遍历伪数组
    $.each(arr,function (index,value) {
      console.log(index,value);
    });
    $.each(obj,function (index,value) {
      console.log(index,value);
    });
  </script>
</head>
<body>

</body>
</html>