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 开发中规范性的一点感想
Jun 23 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
基于JavaScript实现的插入排序算法分析
Apr 14 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
微信小程序icon组件使用详解
Jan 31 Javascript
js闭包学习心得总结
Apr 17 Javascript
Vue单页及多页应用全局配置404页面实践记录
May 22 Javascript
小程序分享模块超级详解(推荐)
Apr 10 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
js生成1到100的随机数最简单的实现方法
Feb 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中如何定义和使用常量
2013/02/28 PHP
mod_php、FastCGI、PHP-FPM等PHP运行方式对比
2015/07/02 PHP
PHP程序员必须知道的两种日志实例分析
2020/05/14 PHP
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
2013/03/01 Javascript
JQuery中对Select的option项的添加、删除、取值
2013/08/25 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
2013/10/23 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
用JavaScript实现使用鼠标画线的示例代码
2014/08/19 Javascript
javascript面向对象程序设计(一)
2015/01/29 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
深入理解$.each和$(selector).each
2016/05/15 Javascript
js事件源window.event.srcElement兼容性写法(详解)
2016/11/25 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
2017/03/09 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
2018/03/02 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
vue表单验证之禁止input输入框输入空格
2020/12/03 Vue.js
Python双精度浮点数运算并分行显示操作示例
2017/07/21 Python
你真的了解Python的random模块吗?
2017/12/12 Python
python机器学习之神经网络(二)
2017/12/20 Python
基于Python3.6中的OpenCV实现图片色彩空间的转换
2020/02/03 Python
一文轻松掌握python语言命名规范规则
2020/06/18 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
静态变量和实例变量的区别
2015/07/07 面试题
春节联欢会主持词
2014/03/24 职场文书
高中英语演讲稿范文
2014/04/24 职场文书
推广普通话演讲稿
2014/05/23 职场文书
甘南现象心得体会
2014/09/11 职场文书
政风行风整改方案
2014/10/25 职场文书
教师个人总结范文
2015/02/11 职场文书
初中同学会致辞
2015/08/01 职场文书
离婚财产分割协议书
2015/08/11 职场文书
个人销售励志奋斗口号
2019/12/05 职场文书
解决mysql问题:由于找不到MSVCR120.dll,无法继续执行代码
2021/06/26 MySQL
React + Threejs + Swiper 实现全景图效果的完整代码
2021/06/28 Javascript