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 相关文章推荐
JavaScipt基本教程之前言
Jan 16 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
Aug 23 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
Feb 27 Javascript
浅谈JavaScript function函数种类
Dec 29 Javascript
jquery显示隐藏元素的实现代码
May 19 Javascript
Node.js搭建小程序后台服务
Jan 03 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
Feb 23 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 Javascript
Jquery高级应用Deferred对象原理及使用实例
May 28 jQuery
vue中使用腾讯云Im的示例
Oct 23 Javascript
js删除指定位置超链接中含有百度与360的标题
Jan 06 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
融入意大利的咖啡文化
2021/03/03 咖啡文化
php实现保存submit内容之后禁止刷新
2014/03/19 PHP
Thinkphp中的volist标签用法简介
2014/06/18 PHP
thinkPHP订单数字提醒功能的实现方法
2016/12/01 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
一段非常简单的让图片自动切换js代码
2006/11/10 Javascript
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
JavaScript 原型与继承说明
2010/06/09 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
2014/09/10 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
2015/07/29 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
2016/08/29 Javascript
Vue.js每天必学之过滤器与自定义过滤器
2016/09/07 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
老生常谈的跨域处理
2017/01/11 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
2017/03/09 Javascript
jQuery Collapse1.1.0折叠插件简单使用
2017/08/28 jQuery
vue2 全局变量的设置方法
2018/03/09 Javascript
js实现继承的方法及优缺点总结
2019/05/08 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
el-form 多层级表单的实现示例
2020/09/10 Javascript
python发qq消息轰炸虐狗好友思路详解(完整代码)
2020/02/15 Python
Canvas实现保存图片到本地的示例代码
2018/06/28 HTML / CSS
Gucci法国官方网站:意大利奢侈品牌
2018/07/25 全球购物
网络安全方面的面试题
2016/01/07 面试题
升职自荐信范文
2013/10/05 职场文书
初三开学计划书
2014/04/27 职场文书
运动会演讲稿300字
2014/08/25 职场文书
企业党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
办理信用卡工作证明
2014/09/30 职场文书
高中校园广播稿
2014/10/21 职场文书
党员作风建设整改方案
2014/10/27 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
win10如何开启ahci模式?win10开启ahci模式详细操作教程
2022/07/23 数码科技