juery学习之map和each

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

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

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

4、引入方法my怡觎现喾Map，具体如下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 = m鲻戟缒男yMap(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、运行输出如下图所示结果。