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的ajax和getJson跨域获取json数据的实现方法
Feb 04 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
May 25 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
Aug 27 Javascript
JavaScript实现上下浮动的窗口效果代码
Oct 12 Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 Javascript
jQuery中Nicescroll滚动条插件的用法
Nov 10 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
Jul 31 Javascript
VUE实现可随意拖动的弹窗组件
Sep 25 Javascript
Electron中实现大文件上传和断点续传功能
Oct 28 Javascript
ElementUI Tag组件实现多标签生成的方法示例
Jul 08 Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 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
php中autoload的用法总结
2013/11/08 PHP
php实现的简单数据库操作Model类
2016/11/16 PHP
php lcg_value与mt_rand生成0~1随机小数的效果对比分析
2017/04/05 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
js数组操作常用方法
2014/05/08 Javascript
jQuery中on()方法用法实例
2015/01/19 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
jQuery Validate插件实现表单验证
2016/08/19 Javascript
浅谈Nodejs应用主文件index.js
2016/08/28 NodeJs
微信小程序如何获取用户信息
2018/01/26 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
vue实现重置表单信息为空的方法
2018/09/29 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
Python实现的堆排序算法原理与用法实例分析
2017/11/22 Python
解决pandas.DataFrame.fillna 填充Nan失败的问题
2018/11/06 Python
django rest framework 过滤时间操作
2020/07/12 Python
django rest framework使用django-filter用法
2020/07/15 Python
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
Lands’ End官网:经典的美国生活方式品牌
2016/08/14 全球购物
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
测试工程师岗位职责
2013/11/28 职场文书
档案检查欢迎词
2014/01/13 职场文书
高二地理教学反思
2014/01/24 职场文书
秸秆管理实施方案
2014/03/15 职场文书
团支书竞选演讲稿
2014/04/28 职场文书
文明工地标语
2014/06/16 职场文书
淘宝活动总结范文
2014/06/26 职场文书
医学生求职信
2014/07/01 职场文书
六查六看心得体会
2014/10/14 职场文书
出生公证书
2015/01/23 职场文书