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 基础学习笔记
May 29 Javascript
jquery ajax修改全局变量示例代码
Nov 08 Javascript
利用原生JavaScript获取元素样式只是获取而已
Oct 08 Javascript
详解JavaScript对象类型
Jun 16 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
微信小程序动态的加载数据实例代码
Apr 14 Javascript
React进阶学习之组件的解耦之道
Aug 07 Javascript
用Node提供静态文件服务的方法
Jul 06 Javascript
详解Vue项目部署遇到的问题及解决方案
Jan 11 Javascript
js实现延迟加载的几种方法详解
Jan 19 Javascript
解析vue、angular深度作用选择器
Sep 11 Javascript
深入了解Vue动态组件和异步组件
Jan 26 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
新版PHP将向Java靠拢
2006/10/09 PHP
elgg 获取文件图标地址的方法
2010/03/20 PHP
PHP foreach循环使用详解与实例代码
2010/05/08 PHP
php flv视频时间获取函数
2010/06/29 PHP
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
PHP生成指定长度随机数最简洁的方法
2014/07/14 PHP
PHP翻页跳转功能实现方法
2020/11/30 PHP
来自chinaz的ajax获取评论代码
2008/05/03 Javascript
JS对HTML标签select的获取、添加、删除操作
2013/10/17 Javascript
使用ajaxfileupload.js实现ajax上传文件php版
2014/06/26 Javascript
学习JavaScript设计模式之装饰者模式
2016/01/19 Javascript
JavaScript 继承详解(六)
2016/10/11 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
JS实现iframe自适应高度的方法示例
2017/01/07 Javascript
javascript删除html标签函数cIsHTML
2017/01/09 Javascript
webpack教程之webpack.config.js配置文件
2017/07/05 Javascript
浅谈React深度编程之受控组件与非受控组件
2017/12/26 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
详解Vue中watch对象内属性的方法
2019/02/01 Javascript
vue中各种通信传值方式总结
2019/02/14 Javascript
vue实现弹幕功能
2019/10/25 Javascript
vue-socket.io接收不到数据问题的解决方法
2020/05/13 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
Vue中引入svg图标的两种方式
2021/01/14 Vue.js
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
pytorch 数据集图片显示方法
2018/07/26 Python
python hook监听事件详解
2018/10/25 Python
python使用xlsxwriter实现有向无环图到Excel的转换
2018/12/12 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
使用python对多个txt文件中的数据进行筛选的方法
2019/07/10 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
巴西最大的在线约会网站:ParPerfeito
2018/07/11 全球购物
意大利在线高尔夫商店:Online Golf
2021/03/09 全球购物
《小猪家的桃花树》教学反思
2014/04/11 职场文书
python基础入门之字典和集合
2021/06/13 Python
在NumPy中深拷贝和浅拷贝相关操作的定义和背后的原理
2022/04/14 Python