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 相关文章推荐
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
Nov 20 Javascript
jQuery中find()方法用法实例
Jan 07 Javascript
ECMAScript6中Map/WeakMap详解
Jun 12 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
Dec 04 Javascript
javascript实现任务栏消息提示的简单实例
May 31 Javascript
JS验证图片格式和大小并预览的简单实例
Oct 11 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
jquery获取select,option所有的value和text的实例
Mar 06 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 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中遍历stdclass object的实现代码
2011/06/09 PHP
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
php递归获取目录内文件(包含子目录)封装类分享
2013/12/25 PHP
PHP URL参数获取方式的四种例子
2014/02/28 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
thinkphp在php7环境下提示Cannot use ‘String’ as class name as it is reserved的解决方法
2016/09/30 PHP
PHP获取当前执行php文件名的代码
2017/03/02 PHP
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
Jquery 例外被抛出且未被接住原因介绍
2013/09/04 Javascript
Javascript中call的两种用法实例
2013/12/13 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
2016/03/11 Javascript
第一章之初识Bootstrap
2016/04/25 Javascript
jQuery实现点击行选中或取消CheckBox的方法
2016/08/01 Javascript
AngularJS基础 ng-mouseover 指令简单示例
2016/08/02 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
2020/11/24 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
详解在vue-test-utils中mock全局对象
2018/11/07 Javascript
layui时间控件选择时间范围的实现方法
2019/09/28 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
2020/11/06 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
2020/11/18 Vue.js
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
动态规划之矩阵连乘问题Python实现方法
2017/11/27 Python
使用Python正则表达式操作文本数据的方法
2019/05/14 Python
Python 微信爬虫完整实例【单线程与多线程】
2019/07/06 Python
四方通行旅游网:台湾订房、出国旅游
2017/09/20 全球购物
Bowflex美国官方网站:高级家庭健身器材
2017/12/22 全球购物
商务英语专业求职信范文
2014/01/28 职场文书
元旦晚会邀请函
2014/02/01 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
品质保证书格式
2015/02/28 职场文书
消费者理赔投诉书
2015/07/02 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js