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

郑州X售鸟巢蕨

郑州X售鸟巢蕨

2016-02-19 13:53

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

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

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

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.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对象。返回值为扩展后的对象。

代码如下:

(本文来源于图老师网站,更多请访问https://m.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。

展开更多 50%)
分享

猜你喜欢

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

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

jQuery学习7 操作JavaScript对象和集合的函数

Web开发
jQuery学习7 操作JavaScript对象和集合的函数

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jQuery 对象中的类数组操作

Web开发
jQuery 对象中的类数组操作

小议jQuery对象中的类数组操作

Web开发
小议jQuery对象中的类数组操作

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript中splice数组函数

Web开发
JavaScript中splice数组函数

javascript对象与数组的例子

Web开发
javascript对象与数组的例子

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Oracle运行速度与效率高的秘密

Oracle运行速度与效率高的秘密

jquery checkbox全选、取消全选实现代码

jquery checkbox全选、取消全选实现代码
下拉加载更多内容 ↓