jQuery学习7 操作JavaScript对象和集合的函数


Posted in Javascript onFebruary 07, 2010

删除字符串首尾空字符:$.trim()

像很多高级语言都提供了类似的函数,jQuery类库也提供了这样的函数。具体用法:$.trim(value)从已传入的字符串里删除首尾空白字符并返回结果。

对属性和集合进行迭代:

在JavaScript操作数组和对象可以采用下面的方法:

var anArray = ['one','two','three'];

for(var n = 0; n < anArray.length; n++){...}

var anObject = {one:1, two:2, three:3};

for(var p in anObject){...}

在jQuery中提供$.each(container,callback) 对传入的容器的每一项进行迭代,为每一项调用传入的回调函数。

这个函数可以用相同的格式来迭代数组或对象:

var anArray = ['one','two','three'];

$.each(anArray,function(n,value){...}); 

var anObject = {one:1, two:2, three:3};

$.each(anObject,function(name,value){...});

对数组进行筛选:

遍历数组以便查找匹配特定标准的元素,是处理大量数据的应用的频繁需求,jQuery提供了$.grep()函数实现此类功能。

$.grep(array,callback,invert) 遍历已传入的数组,为各元素分别调用回调函数。回调函数的返回值决定是否把当前元素收集到新数组(新数组作为$.grep()函数的值而被返回)。

如果想要筛选一个数组,获取所有大于100的值:

var bigNumber = $.grep(originalArray,function(value){return value > 100;});

数组中是否包含特定值或是特定值在数组中的小标值:

$.inArray(value,array) 返回已传入的值在数组里第一次出现时的下标。

var index = $.inArray(2,[1,2,3,4,5]); 结果是返回下标值1并指派到index变量。

Javascript 相关文章推荐
EasyUI中的tree用法介绍
Nov 01 Javascript
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
Jan 11 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
js 获取浏览器版本以此来调整CSS的样式
Jun 03 Javascript
IE6兼容透明背景图片及解决方案
Aug 19 Javascript
浅析AngularJs HTTP响应拦截器
Dec 28 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 Javascript
基于AngularJS实现表单验证功能
Jul 28 Javascript
html中通过JS获取JSON数据并加载的方法
Nov 30 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
Feb 01 Javascript
用Cordova打包Vue项目的方法步骤
Feb 02 Javascript
vue3 源码解读之 time slicing的使用方法
Oct 31 Javascript
jQuery 学习6 操纵元素显示效果的函数
Feb 07 #Javascript
jQuery学习5 jQuery事件模型
Feb 07 #Javascript
jQuery学习4 浏览器的事件模型
Feb 07 #Javascript
jQuery学习3:操作元素属性和特性
Feb 07 #Javascript
jQuery学习2 选择器的使用说明
Feb 07 #Javascript
jQuery ctrl+Enter shift+Enter实现代码
Feb 07 #Javascript
JQuery 获取和设置Select选项的代码
Feb 07 #Javascript
You might like
用PHP和ACCESS写聊天室(四)
2006/10/09 PHP
PHP的SQL注入过程分析
2012/01/06 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
Laravel Memcached缓存驱动的配置与应用方法分析
2016/10/08 PHP
jQuery each()方法的使用方法
2010/03/18 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
2013/04/02 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
2013/04/18 Javascript
深入理解javascript构造函数和原型对象
2014/09/23 Javascript
怎么引入(调用)一个JS文件
2016/05/26 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
bootstrap modal+gridview实现弹出框效果
2017/08/15 Javascript
ReactJs实现树形结构的数据显示的组件的示例
2017/08/18 Javascript
解决循环中setTimeout执行顺序的问题
2018/06/20 Javascript
JavaScript函数节流和函数去抖知识点学习
2018/07/31 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
2019/09/21 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
2019/12/16 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
进一步探究Python中的正则表达式
2015/04/28 Python
Python多维/嵌套字典数据无限遍历的实现
2016/11/04 Python
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
全网最详细的PyCharm+Anaconda的安装过程图解
2021/01/25 Python
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
ASOS英国官网:英国在线时装和化妆品零售商
2017/05/19 全球购物
Wedgwood英国官方网站:英式精致骨瓷餐具、礼品与生活精品,源于1759年
2019/09/02 全球购物
乌克兰的第一家手表店:Deka
2020/03/05 全球购物
写出SQL四条最基本的数据操作语句(DML)
2012/12/12 面试题
历史系自荐信范文
2013/12/24 职场文书
党员四风问题个人对照检查材料
2014/10/26 职场文书
见习期个人总结
2015/03/05 职场文书
六一活动主持词
2015/06/30 职场文书