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 学习书 推荐
Jun 13 Javascript
javascript Base类 包含基本的方法
Jul 22 Javascript
jQuery之尺寸调整组件的深入解析
Jun 19 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
Sep 03 Javascript
jQuery中fadeOut()方法用法实例
Dec 24 Javascript
javascript制作的简单注册模块表单验证
Apr 13 Javascript
js正则表达式匹配数字字母下划线等
Apr 14 Javascript
浅谈JS使用[ ]来访问对象属性
Sep 21 Javascript
Vue中的vue-resource示例详解
Nov 02 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
Jul 23 Javascript
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
js Proxy的原理详解
May 25 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
PHP register_shutdown_function函数的深入解析
2013/06/03 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
php 字符串中的\n换行符无效、不能换行的解决方法
2014/04/02 PHP
让CodeIgniter的ellipsize()支持中文截断的方法
2014/06/12 PHP
WordPress中设置Post Type自定义文章类型的实例教程
2016/05/10 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
用JS操作FRAME中的IFRAME及其内容的实现代码
2008/07/26 Javascript
JS this作用域以及GET传输值过长的问题解决方法
2013/08/06 Javascript
Jquery读取URL参数小例子
2013/08/30 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
jQuery实现布局高宽自适应的简单实例
2016/05/28 Javascript
JavaScript中数组Array.sort()排序方法详解
2017/03/01 Javascript
JS检测数组类型的方法小结
2017/03/14 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
Python 2与Python 3版本和编码的对比
2017/02/14 Python
Python 操作文件的基本方法总结
2017/08/10 Python
python实现Decorator模式实例代码
2018/02/09 Python
用tensorflow搭建CNN的方法
2018/03/05 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
Python常见数据结构之栈与队列用法示例
2019/01/14 Python
python 字典的打印实现
2019/09/26 Python
Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例
2019/12/18 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
CSS3 实现的火焰动画
2020/12/07 HTML / CSS
医科大学生的自我评价
2013/12/04 职场文书
助人为乐表扬信范文
2014/01/14 职场文书
老人祝寿主持词
2014/03/28 职场文书
干部个人对照检查材料
2014/08/25 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
DQL数据查询语句使用示例
2022/12/24 MySQL