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 对象链式操作测试代码
Apr 25 Javascript
jquery.messager.js插件导致页面抖动的解决方法
Jul 14 Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
Nov 20 Javascript
js实现浏览器倒计时跳转页面效果
Aug 12 Javascript
Vue分页组件实例代码
Apr 17 Javascript
使用Node.js实现RESTful API的示例
Aug 01 Javascript
vue forEach循环数组拿到自己想要的数据方法
Sep 21 Javascript
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
Vue表单提交点击事件只允许点击一次的实例
Oct 23 Javascript
vue实现书本翻页动画效果实例详解
Apr 08 Vue.js
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/10/09 PHP
简单介绍下 PHP5 中引入的 MYSQLI的用途
2007/03/19 PHP
Zend Studio for Eclipse的java.lang.NullPointerException错误的解决方法
2008/12/06 PHP
解析yahoo邮件用phpmailer发送的实例
2013/06/24 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
EasySlider 基于jQuery功能强大简单易用的滑动门插件
2010/06/11 Javascript
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
JS简单实现表格排序功能示例
2016/12/20 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
tracking.js实现前端人脸识别功能
2020/04/16 Javascript
Vue项目移动端滚动穿透问题的实现
2020/05/19 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
Python连接mysql数据库的正确姿势
2016/02/03 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
python函数与方法的区别总结
2019/06/23 Python
vue常用指令代码实例总结
2020/03/16 Python
python实现在线翻译
2020/06/18 Python
怀旧收藏品和经典纪念品:Betty’s Attic
2018/08/29 全球购物
集世界奢侈品和设计师品牌的意大利精品买手店:Tessabit
2019/08/17 全球购物
医学检验专业大学生求职信
2013/11/18 职场文书
自我评价怎么写好呢?
2013/12/05 职场文书
经贸日语专业个人求职信范文
2013/12/28 职场文书
应用外语系自荐信
2014/06/26 职场文书
学校综治宣传月活动总结
2014/07/02 职场文书
政府个人对照检查材料
2014/08/28 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
房屋所有权证明
2014/10/20 职场文书
搞笑欢迎词大全
2015/09/30 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
MySQL 数据库范式化设计理论
2022/04/22 MySQL