juery学习之map和each

 时间:2024-10-14 08:43:45

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

juery学习之map和each

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

juery学习之map和each

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

juery学习之map和each

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; }

juery学习之map和each

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);// })

juery学习之map和each

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

juery学习之map和each
  • jquery 的$().each与$.each的区别
  • each和every的区别有哪些?
  • Perl foreach及each的使用
  • php中遍历数组each的用法
  • jQuery中map、each等静态方法以及实例方法
  • 热门搜索
    斯柯达速派怎么样 太阳果怎么吃 大花蕙兰怎么养 怎么找回qq号 痰多是怎么回事 深海鱼油怎么吃 周计划怎么写 163邮箱怎么注册 怎么查mac地址 身份证怎么复印