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 相关文章推荐
javascript间隔刷新的简单实例
Nov 14 Javascript
node.js中的socket.io入门实例
Apr 26 Javascript
深入理解javascript变量声明
Nov 20 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
Jul 12 Javascript
Vue中Quill富文本编辑器的使用教程
Sep 21 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
教你使用vue-cli快速构建的小说阅读器
May 13 Javascript
Javascript如何实现双指控制图片功能
Feb 25 Javascript
javascript实现移动端红包雨页面
Jun 23 Javascript
jquery实现穿梭框功能
Jan 19 jQuery
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 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十一)
2014/06/25 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
php mysql_list_dbs()函数用法示例
2017/03/29 PHP
PHP安装BCMath扩展的方法
2019/02/13 PHP
JQuery 无废话系列教程(二) jquery实战篇上
2009/06/23 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
javascript测试题练习代码
2012/10/10 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
jquery获取复选框的值的简单实例
2016/05/26 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
Bootstrap CSS组件之按钮下拉菜单
2016/12/17 Javascript
jQuery遍历节点方法汇总(推荐)
2017/05/13 jQuery
详解http访问解析流程原理
2017/10/18 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
详解vue中this.$emit()的返回值是什么
2019/04/07 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
PyQt5 对图片进行缩放的实例
2019/06/18 Python
在Python中等距取出一个数组其中n个数的实现方式
2019/11/27 Python
python双向链表原理与实现方法详解
2019/12/03 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
基于matplotlib xticks用法详解
2020/04/16 Python
浅析Python 序列化与反序列化
2020/08/05 Python
HTML5实现一个能够移动的小坦克示例代码
2013/09/02 HTML / CSS
Peter Millar官网:美国高档生活服饰品牌
2018/07/02 全球购物
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
存储过程的优缺点是什么
2015/01/10 面试题
程序员机试试题汇总
2012/03/07 面试题
写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数
2016/04/13 面试题
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
浅谈Python中对象是如何被调用的
2022/04/06 Python
详解Mysql数据库平滑扩容解决高并发和大数据量问题
2022/05/25 MySQL