jquery中map函数与each函数的区别实例介绍
2023-06-13 09:15:32 时间
jquery中的each函数和map函数的用法看起来差不多,但其实还是有一点区别的。
其中一个重要的区别是,each返回的是原来的数组,并不会新创建一个数组。而map方法会返回一个新的数组。如果在没有必要的情况下使用map,则有可能造成内存浪费。
例如:
varitems=[1,2,3,4]; $.each(items,function(){ alert("thisis"+this); }); varnewItems=$.map(items,function(i){ returni+1; }); //newItemsis[2,3,4,5]
使用each时,改变的还是原来的items数组,而使用map时,不改变items,只是新建一个新的数组。
例如:
varitems=[0,1,2,3,4,5,6,7,8,9]; varitemsLessThanEqualFive=$.map(items,function(i){ //removesallitems>5 if(i>5) returnnull; returni; }); //itemsLessThanEqualFive=[0,1,2,3,4,5]
当需要对数组进行删除时也是如此,所以删除时错误使用each或map后果还是蛮严重的。
相关文章
- jQuery升级踩坑之路
- jQuery Ajax 实例 全解析详解编程语言
- Jquery中的.post和 .ajax两个方法的区别是什么详解编程语言
- JQuery小练习(实例代码)
- jQuery跨域访问问题解决方法
- JQuery选择器xpath语法应用
- jquery异步请求实例代码
- 基于JQuery实现CheckBox全选全不选
- jQuery判断iframe中元素是否存在的方法
- jQuery表单获取和失去焦点输入框提示效果的实例代码
- jquery数据验证插件(自制,简单,练手)实例代码
- php配合jquery实现增删操作具体实例
- 同域jQuery(跨)iframe操作DOM(实例讲解)
- jquery实现页面图片等比例放大缩小功能
- jquery的ajax简单结构示例代码
- jQuery使用之设置元素样式用法实例
- jQuery实现返回顶部功能适合不支持js的浏览器