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 相关文章推荐
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
Jan 16 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
Jul 03 Javascript
JavaScript获取flash对象与网上的有所不同
Apr 21 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
Jun 08 Javascript
温习Javascript基础语法之词法结构
May 31 Javascript
第三篇Bootstrap网格基础
Jun 21 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
Jul 12 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
点击按钮弹出模态框的一系列操作代码实例
Mar 29 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
Aug 14 Javascript
浅谈TypeScript的类型保护机制
Feb 23 Javascript
在vue项目实现一个ctrl+f的搜索功能
Feb 28 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
第四节--构造函数和析构函数
2006/11/16 PHP
php查询相似度最高的字符串的方法
2015/03/12 PHP
PHP实现随机发放扑克牌
2020/04/21 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
使用Javascript接收get传递的值的代码
2011/11/30 Javascript
IE下JS读取xml文件示例代码
2013/08/05 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
javascript基本包装类型介绍
2015/04/10 Javascript
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
2018/06/19 Javascript
boostrap模态框二次弹出清空原有内容的方法
2018/08/10 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
JS基于对象的链表实现与使用方法示例
2019/01/31 Javascript
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
JavaScript中this函数使用实例解析
2020/02/21 Javascript
JavaScript arguments.callee作用及替换方案详解
2020/09/02 Javascript
python的dict,set,list,tuple应用详解
2014/07/24 Python
放弃 Python 转向 Go语言有人给出了 9 大理由
2017/10/20 Python
python 如何将数据写入本地txt文本文件的实现方法
2019/09/11 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
使用keras实现Precise, Recall, F1-socre方式
2020/06/15 Python
css3高级选择器使用方法
2013/12/02 HTML / CSS
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
No7 Beauty美国官网:英国国民护肤品牌
2019/10/31 全球购物
Groupon荷兰官方网站:高达70%的折扣
2019/11/01 全球购物
校园新闻广播稿
2014/01/10 职场文书
店长岗位职责
2015/02/11 职场文书
计划生育工作总结2015
2015/04/03 职场文书
小学数学教师研修日志
2015/11/13 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
nginx简单配置多个server的方法
2021/03/31 Servers
JavaWeb 入门篇(3)ServletContext 详解 具体应用
2021/07/16 Java/Android