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写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
Feb 09 Javascript
基于jquery的代码显示区域自动拉长效果
Dec 07 Javascript
Javascript 数组排序详解
Oct 22 Javascript
jquery实现对联广告的方法
Feb 05 Javascript
jQuery原型属性和原型方法详解
Jul 07 Javascript
jQuery基于ajax实现星星评论代码
Aug 07 Javascript
javascript事件模型介绍
May 31 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
Feb 11 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
微信小程序 setData 对 data数据影响问题
Apr 18 Javascript
VSCode插件安装完成后的配置(常用配置)
Aug 24 Javascript
详解Vue.js 可拖放文本框组件的使用
Mar 03 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
用cookies来跟踪识别用户
2006/10/09 PHP
理解php Hash函数,增强密码安全
2011/02/25 PHP
PHP实现AES256加密算法实例
2014/09/22 PHP
PHP 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例
2015/05/12 PHP
CI框架表单验证实例详解
2016/11/21 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
PHP中常用的三种设计模式详解【单例模式、工厂模式、观察者模式】
2019/06/14 PHP
php swoft框架实例用法
2020/12/22 PHP
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
2015/12/03 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
jQuery过滤选择器用法示例
2016/09/12 Javascript
学习jQuery中的noConflict()用法
2018/09/28 jQuery
js之切换全屏和退出全屏实现代码实例
2019/09/09 Javascript
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
python查询mysql中文乱码问题
2014/11/09 Python
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
python抓取网页中图片并保存到本地
2015/12/01 Python
python实现支付宝当面付(扫码支付)功能
2018/05/30 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
2019/10/17 Python
python如何将图片转换素描画
2020/09/08 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
Ref与out有什么不同
2012/11/24 面试题
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上
2013/07/06 面试题
DIY蛋糕店的创业计划书范文
2013/12/26 职场文书
优秀干部获奖感言
2014/01/31 职场文书
《望洞庭》教学反思
2014/02/16 职场文书
《秋姑娘的信》教学反思
2014/02/28 职场文书
创建学习型党组织实施方案
2014/03/29 职场文书
项目经理岗位职责
2015/01/31 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书
Java时间工具类Date的常用处理方法
2022/05/25 Java/Android