jquery的map与get方法详解


Posted in Javascript onNovember 04, 2013
var arrayObj=["www","xxx","ddd"];
var ww=$.map(arrayObj,function(i){
                      return i;
              }).join(",");
console.log(ww);var tt=$(":checkbox").map(function(){
                     return this.value;
          }).get().join(",");

console.log(tt);

jQuery下有个概念叫“类数组”,比如$(":checkbox"),当取到一个集合的时候,会有数组的一些属性,但是instancseof Array仍然是false。但是var a=$( "li" ).get()这样处理一下,然后instancseof Array就返回true。

map()的功能主要有两步,第一步就是遍历,第二步就是替换。

对于instanceof和typeof,以前偶尔的用到过,特别是typeof用到的相对更多一些,今日研究ext源码,很多地方都用到了instanceof,突然觉得他们两个有些相似但也应该有他们区别,网上看了一些文章,对它们之间的关系有了一定的了解。

instanceof和typeof都能用来判断一个变量是否为空或是什么类型的变量。
typeof用以获取一个变量的类型,typeof一般只能返回如下几个结果:number,boolean,string,function,object,undefined。我们可以使用typeof来获取一个变量是否存在,如if(typeof a!="undefined"){},而不要去使用if(a)因为如果a不存在(未声明)则会出错,对于Array,Null等特殊对象使用typeof一律返回object,这正是typeof的局限性。

如果我们希望获取一个对象是否是数组,或判断某个变量是否是某个对象的实例则要选择使用instanceof。instanceof用于判断一个变量是否某个对象的实例,如var a=new Array();alert(a instanceof Array);会返回true,同时alert(a instanceof Object)也会返回true;这是因为Array的prototype是Object。再如:function test(){};var a=new test();alert(a instanceof test)会返回true。

谈到instanceof我们要多插入一个问题,就是function的arguments,我们大家也许都认为arguments是一个Array,但如果使用instaceof去测试会发现arguments不是一个Array对象,尽管看起来很像。

Javascript 相关文章推荐
JQUERY 浏览器判断实现函数
Aug 20 Javascript
JavaScript Date对象 日期获取函数
Dec 19 Javascript
jQuery右键菜单contextMenu使用实例
Sep 28 Javascript
当鼠标移动时出现特效的JQuery代码
Nov 08 Javascript
jQuery中empty()方法用法实例
Jan 16 Javascript
javascript事件冒泡和事件捕获详解
May 26 Javascript
对于jQuery性能的一些优化建议
Aug 13 Javascript
Google 地图API资料整理及详细介绍
Aug 06 Javascript
Bootstrap实现的标签页内容切换显示效果示例
May 25 Javascript
vue实现的双向数据绑定操作示例
Dec 04 Javascript
详解vue使用插槽分发内容slot的用法
Mar 28 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 Javascript
ajax请求get与post的区别总结
Nov 04 #Javascript
jquery text(),val(),html()方法区别总结
Nov 04 #Javascript
jquery获取一组checkbox的值(实例代码)
Nov 04 #Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 #Javascript
event对象获取方法总结在google浏览器下测试
Nov 03 #Javascript
关于删除时的提示处理(确定删除吗)
Nov 03 #Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 #Javascript
You might like
cache_lite试用
2007/02/14 PHP
PHP图片验证码制作实现分享(全)
2012/05/10 PHP
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
javascript 复杂的嵌套环境中输出单引号和双引号
2009/05/26 Javascript
Javascript 多浏览器兼容总结(实战经验)
2013/10/30 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
浅谈JavaScript中null和undefined
2015/07/09 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
2016/04/29 Javascript
Json解析的方法小结
2016/06/22 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
浅析Node.js:DNS模块的使用
2016/11/23 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
2018/04/08 Javascript
JS实现的base64加密解密操作示例
2018/04/18 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
2018/05/08 Javascript
轻松解决JavaScript定时器越走越快的问题
2019/05/13 Javascript
微信小程序template模板与component组件的区别和使用详解
2019/05/22 Javascript
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
Python sys.path详细介绍
2013/10/17 Python
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
解决Python3下map函数的显示问题
2019/12/04 Python
解决pycharm 安装numpy失败的问题
2019/12/05 Python
python给图像加上mask,并提取mask区域实例
2020/01/19 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
使用Pycharm分段执行代码
2020/04/15 Python
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
英国舒适型鞋履品牌:FitFlop
2017/05/17 全球购物
联想台湾官网:Lenovo TW
2018/05/09 全球购物
小学教师岗位职责
2013/11/25 职场文书
工程招投标邀请书
2014/01/30 职场文书
对照检查剖析材料
2014/09/30 职场文书
强烈推荐:小学生:暑假作息时间表(值得收藏)
2019/07/09 职场文书
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android