JQuery 操作Javascript对象和数组的工具函数小结


Posted in Javascript onJanuary 22, 2010

JQuery操作非集合数组函数
$.trim(value)
这个函数很简单,从value中删除任何前导或尾随的空白字符。空白字符为任何匹配Javascript正则表达式\s的任何字符。包括空格、换页、换行、回车、tab、垂直指标符等。

$.each(container, callback)
对container的每一项进行迭代,为每一项调用回调函数callback。
container 可以是对象或数组。如果是js对象,则迭代其每个属性;如果是数组,则迭代其每个元素。
callback 回调函数。为每个迭代的调用一次。第一个参数数组元素的下标或对象属性的名称,第二个参数是对应数组元素或对象属性的值。调用的函数上下文(this)和第二个函数相同。

var obj = {a:1, b:2, c:3}; 
$.each(obj, function(name, value){ 
alert(name + ':' + value); 
});

$.extend(target, source1, source2, ..., sourcen)
用source1...n 对象的属性来扩展target对象。返回值为扩展后的对象。
var target = { a:1, b:2, c:3 }; 
var source1 = { c:4, d:5, e:6 }; 
var source2 = { e:7, f:8, g:9 }; 
$.extend(target, source1, source2); 
$.each(target, function(name, value){ 
alert(name + ':' + value); 
});

返回的值为{a:1, b:2, c:4, d:5, e:7, f:8, g:9}

$.getScript(url, callback)
动态加载js脚本。并在成功获取脚本时调用回调函数。

$.noConflict
避免$别名冲突。一旦执行$.noConflict函数,就必须使用jQuery名称调用。

JQuery处理数组函数
$.each(container, callback)
这个函数也可以迭代数组。具体说明上面有。

$.grep(array, callback, invert)
遍历已传入的数组,为各元素调用对调函数。回调函数的返回值决定是否把当前元素收集到新数组,新数组作为$.grep的返回值。callback回调函数需要返回一个bool类型的值。如果invert省略或为false,则回调函数返回TRUE的元素被收集到返回结果中。invert为true,则回调函数返回false的元素被收集到返回结果中。

$.map(array, callback)
遍历数组,为各元素调用callback函数,并把callback函数返回值收集到新数组中返回。

$.inArray(value,array)
返回已传入的值在数组中第一次出现的下标。如果该值在数组中不存在,返回-1。

Javascript 相关文章推荐
javascript学习笔记(八) js内置对象
Jun 19 Javascript
js去除空格的12种实用方法
Nov 08 Javascript
javascript去除字符串左右两端的空格
Feb 05 Javascript
移动端js触摸事件详解
Sep 18 Javascript
基于jQuery实现的打字机效果
Jan 16 Javascript
基于JavaScript实现下拉列表左右移动代码
Feb 07 Javascript
详解AngularJS 模块化
Jun 14 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
JavaScript实现微信红包算法及问题解决方法
Apr 26 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
Apr 09 Javascript
vue 判断元素内容是否超过宽度的方式
Jul 29 Javascript
vue中template的三种写法示例
Oct 21 Javascript
JavaScript 学习笔记(十四) 正则表达式
Jan 22 #Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 #Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 #Javascript
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
Jan 22 #Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
Jan 22 #Javascript
jQuery 入门级学习笔记及源码
Jan 22 #Javascript
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 #Javascript
You might like
Thinkphp中的curd应用实用要点
2015/01/04 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
jQuery 改变CSS样式基础代码
2010/02/11 Javascript
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
js判断鼠标左、中、右键哪个被点击的方法
2015/01/27 Javascript
JS实现简易图片轮播效果的方法
2015/03/25 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
2017/01/03 Javascript
老生常谈ES6中的类
2017/07/31 Javascript
微信小程序显示下拉列表功能【附源码下载】
2017/12/12 Javascript
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
基于Vue实现图片在指定区域内移动的思路详解
2018/11/11 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
2019/09/23 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
python抓取网页中的图片示例
2014/02/28 Python
Django中使用group_by的方法
2015/05/26 Python
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
对python3标准库httpclient的使用详解
2018/12/18 Python
python实现AES加密和解密
2019/03/27 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
python取均匀不重复的随机数方式
2019/11/27 Python
在notepad++中实现直接运行python代码
2019/12/18 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
荷兰超市:DEEN
2018/03/14 全球购物
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
通信工程专业毕业生推荐信
2013/12/25 职场文书
办公室岗位职责
2015/02/04 职场文书
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers