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 相关文章推荐
网页图片延时加载的js代码
Apr 22 Javascript
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 Javascript
JavaScript利用append添加元素报错的解决方法
Jul 01 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
使用requestAnimationFrame实现js动画性能好
Aug 06 Javascript
Vue实现动态响应数据变化
Apr 28 Javascript
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
React 使用Hooks简化受控组件的状态绑定
Mar 18 Javascript
微信小程序Flex布局用法深入浅出分析
Apr 25 Javascript
vue cli3 配置proxy代理无效的解决
Oct 30 Javascript
vue 实现LED数字时钟效果(开箱即用)
Dec 08 Javascript
Element中Slider滑块的具体使用
Jul 29 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
example2.php
2006/10/09 PHP
PHP5多态性与动态绑定介绍
2015/04/03 PHP
浅谈PHP面向对象之访问者模式+组合模式
2017/05/22 PHP
解决安装WampServer时提示缺少msvcr110.dll文件的问题
2017/07/09 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
php正则表达式使用方法整理集合
2020/01/31 PHP
浅谈PHP中的那些魔术常量
2020/12/02 PHP
扩展jQuery 键盘事件的几个基本方法
2009/10/30 Javascript
jquery插件 cluetip 关键词注释
2010/01/12 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
2015/05/18 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
深入浅析JavaScript中的RegExp对象
2017/09/18 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
react 创建单例组件的方法
2018/04/26 Javascript
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
JS Ajax请求会话过期处理问题解决方法分析
2019/11/16 Javascript
微信小程序实现录音功能
2019/11/22 Javascript
python使用opencv进行人脸识别
2017/04/07 Python
浅谈python socket函数中,send与sendall的区别与使用方法
2017/05/09 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
老生常谈python中的重载
2018/11/11 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
美国专业消费电子及摄影器材网站:B&H Photo Video
2019/12/18 全球购物
介绍一下木马病毒的种类
2015/07/26 面试题
介绍一下Ruby的多线程处理
2013/02/01 面试题
医院合作协议书
2014/08/19 职场文书
学风建设演讲稿
2014/09/12 职场文书
英文慰问信
2015/02/14 职场文书
小学入学感言
2015/08/01 职场文书
小学班主任工作随笔
2015/08/15 职场文书
关于元旦的广播稿2016
2015/12/17 职场文书
图文详解matlab原始处理图像几何变换
2021/07/09 Python
利用python做数据拟合详情
2021/11/17 Python