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限定图片显示大小的方法
Mar 11 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
Oct 23 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
自动适应iframe右边的高度
Dec 22 Javascript
AngularJS开发教程之控制器之间的通信方法分析
Dec 25 Javascript
基于JavaScript实现验证码功能
Apr 01 Javascript
浅谈Node.js之异步流控制
Oct 25 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
vue 项目接口管理的实现
Jan 17 Javascript
利用JS如何获取form表单数据
Dec 19 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
php 常用类汇总 推荐收藏
2010/05/13 PHP
php防盗链的常用方法小结
2010/07/02 PHP
PHP禁止页面缓存的代码
2011/10/23 PHP
使用PHP如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
Yii2实现log输出到file及database的方法
2016/11/12 PHP
解析 thinkphp 框架中的部分方法
2017/05/07 PHP
详解PHP文件的自动加载(autoloading)
2018/02/04 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
js实现按一下删除键删除整个单词附demo
2014/09/05 Javascript
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
JS回调函数简单用法示例
2017/02/09 Javascript
js实现鼠标拖拽多选功能示例
2017/08/01 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
electron踩坑之remote of undefined的解决
2020/10/06 Javascript
[01:56]《DOTA2》中文配音CG
2013/04/22 DOTA
[02:05]DOTA2完美大师赛趣味视频之看我表演
2017/11/18 DOTA
讲解Python中fileno()方法的使用
2015/05/24 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
numpy添加新的维度:newaxis的方法
2018/08/02 Python
解决TensorFlow模型恢复报错的问题
2020/02/06 Python
Django REST framwork的权限验证实例
2020/04/02 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
比利时家具购买网站:Home24
2019/01/03 全球购物
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
高中三年学习生活的自我评价
2013/10/10 职场文书
自我推荐书
2013/12/04 职场文书
11月红领巾广播稿
2014/01/17 职场文书
小学教师个人总结
2015/02/05 职场文书
负责培养人意见
2015/06/05 职场文书
实例讲解Python中sys.argv[]的用法
2021/06/03 Python
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技