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 相关文章推荐
Script标签与访问HTML页面详解
Jan 10 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
Apr 08 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
Oct 28 Javascript
详解javascript new的运行机制
Jan 26 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
AngularJs  Using $location详解及示例代码
Sep 02 Javascript
Node做中转服务器转发接口
Oct 18 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
Vue 中mixin 的用法详解
Apr 23 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
Jul 20 Javascript
JavaScript实现滑块验证解锁
Jan 07 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+MYSQL的文章管理系统(二)
2006/10/09 PHP
针对初学PHP者的疑难问答(1)
2006/10/09 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
PHP制作登录异常ip检测功能的实例代码
2016/11/16 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
PHP实现的多进程控制demo示例
2019/07/22 PHP
如何通过Apache在本地配置多个虚拟主机
2020/07/29 PHP
javascript中的self和this用法小结
2014/02/08 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
Vue.js第四天学习笔记
2016/12/02 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
validationEngine 表单验证插件使用实例代码
2017/06/15 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
20个最常见的jQuery面试问题及答案
2018/05/23 jQuery
JS实现纵向轮播图(初级版)
2020/01/18 Javascript
python+opencv实现的简单人脸识别代码示例
2017/11/14 Python
Python实现可设置持续运行时间、线程数及时间间隔的多线程异步post请求功能
2018/01/11 Python
python PyAutoGUI 模拟鼠标键盘操作和截屏功能
2019/08/04 Python
基于Tensorflow使用CPU而不用GPU问题的解决
2020/02/07 Python
django实现将修改好的新模型写入数据库
2020/03/31 Python
python3跳出一个循环的实例操作
2020/08/18 Python
amaze ui 的使用详细教程
2020/08/19 HTML / CSS
BCBG官网:BCBGMAXAZRIA
2017/12/29 全球购物
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
白俄罗斯在线大型超市:e-dostavka.by
2019/07/25 全球购物
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
酒店办公室文员岗位职责
2013/12/18 职场文书
如何写自我评价?自我评价写什么好?
2014/03/14 职场文书
遗嘱公证书标准样本
2014/04/08 职场文书
初中语文教师研修日志
2015/11/13 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
js基础语法与maven项目配置教程案例
2021/07/15 Javascript
Python 正则模块详情
2021/11/02 Python