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

2016-02-19 13:53 7 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区，我们拥有最用心的各种教程，今天就给大家分享JQuery 操作Javascript对象和数组的工具函数小结的教程，热爱PS的朋友们快点看过来吧！

【 tulaoshi.com - Web开发】

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

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

代码如下：

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）
var obj = {a:1, b:2, c:3};
$.each(obj, function(name, value){
alert(name + ':' + value);
});

$.extend(target, source1, source2, ..., sourcen)
用source1...n 对象的属性来扩展target对象。返回值为扩展后的对象。

代码如下：

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）
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。

来源:http://www.tulaoshi.com/n/20160219/1605551.html

上一篇： Oracle运行速度与效率高的秘密
下一篇： jquery checkbox全选、取消全选实现代码

看过《JQuery 操作Javascript对象和数组的工具函数小结》的人还看了以下文章更多>>

JavaScript中small对象函数

标签： Web开发

JavaScript中small函数方法是将 HTML 的SMALL 标识添加到String 对象中的文本两端。使用方法： strVariable.small( ) "String Literal".small( ) 下面的示例演示了 JavaScript中small函数方法是如何使用的： var strVariable = "This is a string"; strVariable = strVariable.small( ); ...

从JavaScript 到 JQuery (1)学习小结

标签： Web开发

这么说吧 , 只有扎实的 JavaScript 功底 ,才能得心应手的使用各种 JS 库 , 然后进入正题吧 ! 1.先谈谈JQuery的效率方面吧他在选择器的速度上比标准的 JS Dom 要慢上4倍左右(官方说的,不是我瞎编的...) , 那为什么我们还要使用它呢？？原因很简单, 第一 JS 是应用客户端的 , 速度影响并不那么明显 , 但是一定要注意什么时候用JQuery的选...

jQuery 技巧小结

标签： Web开发

1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom...

标量变量和数组变量

标签：编程语言网络编程

多数情况下，只需为声明的变量赋一个值。只包含一个值的变量被称为标量变量。有时候，将多个相关值赋给一个变量更为方便，因此可以创建包含一系列值的变量，称为数组变量。数组变量和标量变量是以相同的方式声明的，唯一的区别是声明数组变量时变量名后面带有括号()。下例声明了一个包含11个元素的一维数组： DimA(10) 虽然括号中...

AS2数组使用小结

标签： flash教程

数组： AS2里的数组类型有两个比较牛的地方： 1)数组对象自身可以存放任何数据类型，而不是如C++中的int a,char a,someClass a. 当然，坏处也立刻突现了出来，无法直接创建对象数组。 2)完全的动态数组，使用非常简单，有点像Vector，但同时也更易用出错。这里的动态指的是数组边界的大小(当然，维数还是要声明好的)。下面是关于数组类型的一...

查看更多精彩>>