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 相关文章推荐
JS的数组的扩展实例代码
Jul 09 Javascript
JavaScript 实现模态对话框 源代码大全
May 02 Javascript
原生javascript实现图片弹窗交互效果
Jan 12 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
Apr 02 Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
Mar 02 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
axios发送post请求springMVC接收不到参数的解决方法
Mar 05 Javascript
使用JavaScript破解web
Sep 28 Javascript
react实现antd线上主题动态切换功能
Aug 12 Javascript
微信小程序canvas分享海报功能
Oct 31 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数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
php更新mysql后获取影响的行数发生异常解决方法
2013/03/28 PHP
php工具型代码之印章抠图
2018/07/18 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
初探jquery——表单应用范例
2007/02/20 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
原生javascript实现Tab选项卡切换功能
2015/01/12 Javascript
介绍一个简单的JavaScript类框架
2015/06/24 Javascript
全面解析Bootstrap表单使用方法(表单控件)
2015/11/24 Javascript
JavaScript必知必会(三) String .的方法来自何方
2016/06/08 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
js实现字符全排列算法的简单方法
2017/05/01 Javascript
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
angularJS开发注意事项
2018/05/26 Javascript
vue-cli初始化项目中使用less的方法
2018/08/09 Javascript
使用JavaScript破解web
2018/09/28 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
2020/08/04 Javascript
vue 在methods中调用mounted的实现操作
2020/08/07 Javascript
在elementui中Notification组件添加点击事件实例
2020/11/11 Javascript
[01:03:27]NAVI vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python简单分割文件的方法
2015/07/30 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
python3实现名片管理系统
2020/11/29 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例
2020/02/28 Python
Python实现手势识别
2020/10/21 Python
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
美国医生配方营养补充剂供应商:Healthy Directions
2019/07/10 全球购物
设计部经理的岗位职责
2013/11/16 职场文书
平面设计师工作职责范文
2013/12/03 职场文书
2014年度个人工作总结
2014/11/07 职场文书
幼儿园中班教学反思
2016/03/03 职场文书
MongoDB使用场景总结
2022/02/24 MongoDB
Python实现归一化算法详情
2022/03/18 Python