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 相关文章推荐
JavaScript 事件的一些重要说明
Oct 25 Javascript
Javascript 函数中的参数使用分析
Mar 27 Javascript
javascript window.opener的用法分析
Apr 07 Javascript
jQuery获取cookie值及删除cookie用法实例
Apr 15 Javascript
JS获取屏幕高度的简单实现代码
May 24 Javascript
AngularJS基础 ng-show 指令简单示例
Aug 03 Javascript
JavaScript对象创建模式实例汇总
Oct 03 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
Jul 03 Javascript
微信小程序wx.previewImage预览图片实例详解
Dec 07 Javascript
vue代码分割的实现(codesplit)
Nov 13 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
Apr 01 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
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
PHP中spl_autoload_register()和__autoload()区别分析
2014/05/10 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
KindEditor在php环境下上传图片功能集成的方法示例
2020/07/20 PHP
javascript hasFocus使用实例
2010/06/29 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
Vue实现双向绑定的方法
2016/12/22 Javascript
nodejs后台集成ueditor富文本编辑器的实例
2017/07/11 NodeJs
简单快速的实现js计算器功能
2017/08/17 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
vue-cli 引入、配置axios的方法
2018/05/08 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
解决layUI的页面显示不全的问题
2019/09/20 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
2019/12/02 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
Python实现将绝对URL替换成相对URL的方法
2015/06/28 Python
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
windows上安装Anaconda和python的教程详解
2017/03/28 Python
Python的装饰器使用详解
2017/06/26 Python
python多线程分块读取文件
2019/08/29 Python
美国婴儿用品及配件购买网站:Munchkin
2019/04/03 全球购物
加拿大领先的时尚和体育零售商:Sporting Life
2019/12/15 全球购物
介绍一下游标
2012/01/10 面试题
北京泡泡网网络有限公司.net面试题
2012/07/17 面试题
一套比较完整的软件测试人员面试题
2012/05/13 面试题
往来会计岗位职责
2013/12/19 职场文书
公司庆典邀请函范文
2014/01/13 职场文书
财政局党的群众路线教育实践活动整改方案
2014/09/21 职场文书
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android