js的foreach（arr.forEach）和jq的each（$.each）以及js的map（arr.map）和jq的map（$.map）

最新推荐文章于 2024-06-10 17:21:12 发布

toanofasdof

最新推荐文章于 2024-06-10 17:21:12 发布

阅读量952

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_38323645/article/details/89502063

版权

JavaScript 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

1、js的foreach和jq的each

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/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.利用jQuery的each静态方法遍历数组
        /*
        第一个参数: 当前遍历到的索引
        第二个参数: 遍历到的元素
        注意点:
        jQuery的each方法是可以遍历伪数组的
        */
        $.each(arr, function (index, value) {
             console.log(index, value);
         });
        $.each(obj, function (index, value) {
            console.log(index, value);
        });
    </script>
</head>
<body>

</body>
</html>

2、js的map和jq的map

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/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};
        // 1.利用原生JS的map方法遍历
        /*
        第一个参数: 当前遍历到的元素
        第二个参数: 当前遍历到的索引
        第三个参数: 当前被遍历的数组
        注意点:
        和原生的forEach一样,不能遍历的伪数组
        */
         arr.map(function (value, index, array) {
             console.log(index, value, array);
         });
         obj.map(function (value, index, array) {
             console.log(index, value, array);
         });
        /*
        第一个参数: 要遍历的数组
        第二个参数: 每遍历一个元素之后执行的回调函数
        回调函数的参数:
        第一个参数: 遍历到的元素
        第二个参数: 遍历到的索引
        注意点:
        和jQuery中的each静态方法一样, map静态方法也可以遍历伪数组
        */
         $.map(arr, function (value, index) {
            console.log(index, value);
         });
        var res = $.map(obj, function (value, index) {
            console.log(index, value);
            return value + index;
        });

        var res2 = $.each(obj, function (index, value) {
            console.log(index, value);
            return value + index;
        });

        /*
        jQuery中的each静态方法和map静态方法的区别:
        each静态方法默认的返回值就是, 遍历谁就返回谁
        map静态方法默认的返回值是一个空数组

        each静态方法不支持在回调函数中对遍历的数组进行处理
        map静态方法可以在回调函数中通过return对遍历的数组进行处理, 然后生成一个新的数组返回
        */
        console.log(res);
        console.log(res2);
    </script>
</head>
<body>

</body>
</html>

toanofasdof

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js的foreach（arr.forEach）和jq的each（$.each）以及js的map（arr.map）和jq的map（$.map）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.12.4.js"></script> <script&gt...
复制链接

扫一扫