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 相关文章推荐
使用phantomjs进行网页抓取的实现代码
Sep 29 Javascript
Jquery常用的方法汇总
Sep 01 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
Apr 11 Javascript
基于jquery实现轮播特效
Apr 22 Javascript
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
JS中去掉array中重复元素的方法
May 26 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
在一般处理程序(ashx)中弹出js提示语
Aug 16 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
Sep 27 Javascript
详解Puppeteer前端自动化测试实践
Feb 21 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 jQuery
使用webpack搭建pixi.js开发环境
Feb 12 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
WHOIS类的修改版
2006/10/09 PHP
destoon复制新模块的方法
2014/06/21 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
PHP 8新特性简介
2020/08/18 PHP
iis6+javascript Add an Extension File
2007/06/13 Javascript
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
2013/07/07 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
Bootstrap作品展示站点实战项目2
2016/10/14 Javascript
canvas 实现中国象棋
2017/02/17 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
2018/04/23 Javascript
vuejs实现标签选项卡动态更改css样式的方法
2018/05/31 Javascript
详解javascript 变量提升(Hoisting)
2019/03/12 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
2020/01/03 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
openLayer4实现动态改变标注图标
2020/08/17 Javascript
[00:12]2018DOTA2亚洲邀请赛 sylar表现SOLO技艺
2018/04/06 DOTA
python挖矿算力测试程序详解
2019/07/03 Python
Python创建一个元素都为0的列表实例
2019/11/28 Python
numpy创建单位矩阵和对角矩阵的实例
2019/11/29 Python
python让函数不返回结果的方法
2020/06/22 Python
详解Pytorch显存动态分配规律探索
2020/11/17 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
纯DOM+CSS3实现简单的小风车动画
2016/09/27 HTML / CSS
HTML5 新事件 小结
2009/07/16 HTML / CSS
Chicco婴儿用品美国官网:汽车座椅、婴儿推车、高脚椅等
2018/11/05 全球购物
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
卫生院健康教育实施方案
2014/06/07 职场文书
最美护士演讲稿
2014/08/27 职场文书
九一八事变纪念日演讲稿
2014/09/14 职场文书
自主招生学校推荐信
2014/09/26 职场文书
同学聚会通知短信
2015/04/20 职场文书
培训后的感想
2015/08/07 职场文书