juery学习之map和each

1、打开textpad或者其他网页编辑器，新建一个文档，如下图所示

2、编辑好最基本的html的头，body，js等，如图所示：

3、这个是关键步骤引入js的引用框架。如红色标示

4、引入方法myMap，具体如下

 var arr = [100, 200, 300, 400];

//        arr = $.map(arr, function (item) {

//            return item + 2;

//        });

        //        alert(arr);

        //模拟map的内部实现

        function myMap(arr, fn) {

            //定义一个空数组，和一个value变量

            var ret = [], value;

            for (var i = 0, length = arr.length; i < length; i++) {

                //调用fn对数组中的每个元素处理 并返回

                value = fn(arr[i], i);

                if (value != null) {

                    ret[ret.length] = value;

                }

            }

            return ret;

        }

5、测试另一个方法，

}

        //演示匿名函数中的第二个参数的用法

//        arr = myMap(arr, function (item ,i) {

//            return item + i;

//        });

        //alert(arr);

        //$.each

        //对字典遍历

        var dic = { "name": "zs", "age": 18, "sex": "男" };

//        $.each(dic, function (key, value) {

//            alert(key + ":"+value);

        //        });

//        $.each(dic, function (key) { 

//            alert(key + "+" + dic[key]);

//        })

//        $.each(dic, function () {

//            //在each的 第二个参数中 this是字典的值  callback.call()

//            //alert(this);

//        })

        //数组遍历

//        $.each(arr, function (key, value) {

//            alert(key + "+" + value);

//        })

//        $.each(arr, function () {

//            alert(this);

//        })

6、运行输出如下图所示结果。