回到目录
上一回主要说的是JQ中的几个主要的事件,文章的最后还介绍了匿名函数的使用,恩,今天主要来看一下JQ中的遍历,就是在JQ中进行循环操作以及在遍历时要注意的地方。
前言
要讲遍历就要说数组,你不可以对一个单独的变量进行遍历吧,呵呵,数组是一些各种类型变量的集合,在JS中一个数组,你完全可以把数字与字符混合在一起,这是合法的。
JS中的数组
数组的定义
var props = [["拳头", "刀", "枪"], ["boxing", "knife ", "gun"]]; //二维数组
调用
console.log(props[0][0]);
JS对数组的遍历
console.log(arr[i]);
}
for (var i = 0; i < arr.length; i++) { //性能差的
console.log(arr[i]);
}
for (var i = 0, max = arr.length; i < max; i++) {//性能好的
console.log(arr[i]);
}
JQ中的集合
对于在JQ中用选择器选择对象后,它将返回一个JQ对象,这个对象可以是一个元素,也可能是一个集合,一般地,我们用$("#ID")返回的是一个对象,因为ID在页面中正常情况下是唯一的,而使用$(".className"),Find()等返回一般是个集合,或者说是个JQ对象数组,看代码:
$(function () {
//返回JQ对象集合
var jqArr = $("#menu_title").find("dt");
console.log("menu_title下的dt元素数量为:" + jqArr.size());
console.log("menu_title下的第一个dt的内容为:" + jqArr[0].html()); //会出错,因为jqArr[0]已经不是JQ对象了
console.log("menu_title下的第一个dt的内容为:" + $(jqArr[0]).html());//正确,因为加上$()后,它将被转化为JQ对象
});
</script>
<dt>人</dt>
<dd>
一种高级动物</dd>
<dt>狗</dt>
<dd>
人类的朋友</dd>
<dt>猫</dt>
<dd>
猫科动物的祖先</dd>
</dl>
结果为:
JQ对集合的遍历
console.log("第" + i + "号元素的内容是:" + $(o).html());
});
结果为:
从结果中我们可以看到,$.each(function(i,o){})方法中的i表示JQ数组的索引值,而o表示JQ数组的值,而o加上$()变成JQ对象之后,使用html()这个方法可以输出o这个对象里的内容;从图中还可以看到JQ产生的数组的索引也是从0开始的。
总结
JS与JQ数组(集合)的相关知识就介绍到这里了,对于它们的使用还需要各位在实现工作中去体现,另外,在写代码时,多站在系统层次上去感觉一下,去用心去体会,你可能会有另外的收获!
回到目录
本文链接
----我以为的Function----
2 this.prototype = new this() ; /*这就导致了所有的函数的原型都是对象;如:alert(typeof(Array.prototype));输出:object */
3 this.prototype.constructor = this ; // 由上一条推想可得
4 //... ...
5 //[native code]
6 //... ...
7 }
所有的函数:
预定义:2 function Object () { [native code] } // Global、Arguments、Math和JSON是Object构建的;
3 function Array () { [native code] }
4 function Date () { [native code] }
5 function String () { [native code] }
6 function Boolean () { [native code] }
7 function Number () { [native code] }
8 function RegExp () { [native code] }
所谓的狂想
无论是预定义的(包括Function本身)还是自定义的函数都是由Function new出来的。我们知道,函数new出来的都是对象,那么Function是函数,它new出来的东西(函数)自然也会是对象,所以函数也是对象。
Function new出来的对象是函数,叫“函数对象”(简称“函数”);这跟
Array new出来的对象叫“数组对象”(简称“数组”);
Object new出来的对象是“对象对象”(简称“对象”)是一样的道理。
传说的癫疯
__proto__(血缘 或说DNA):
当用new操作符构造对象时,会在对象和构造函数之间创建__proto__链,该链应该是对外不可见的 (Firefox、chrome可以让我们访问到,但并不建议这样做)。它的引用是恒定的:对象.__proto__ = 该对象构造函数.prototype;但它的值是可变的,这明显取决于:该对象构造函数.prototype的值(废话!)。
prototype:
所有的对象都有__proto__,但只有函数对象(默认)拥有prototype,非函数对象(默认)没有也没必要拥有prototype,这是prototype本身的职能所决定的:Javascript利用prototype实现扩展、共享和继承。
__proto__链、prototype链图:
关于null:注意没有,指向null的箭头有一半是黑色的,这个箭头表示:Object.prototype.__proto__;
为什么是null?
如果根据我猜想的Function构造Object函数,那么:Object.prototype = new Object();
那么应该是这样的才对啊:Object.prototype.__proto__ = Object.prototype;
看出问题没有?!如果是这样的话对象检索不存在的属性在到达Object的时候就会掉入死循环(专业点叫递归是么,不好意思美工出身):
2 var obj={};
3 alert(obj.say)
chrome javascript 控制台 :
所以我的猜想是:Object.prototype.__proto__ = null 是特定定义的:
2 //firfox 和 chrome 输出:null
3 //IE9输出:undefined
无论是null还是undefined目的都是一样的,就是为了终止检索。
后遗症:
利用Function.prototype或者Object.prototype可以将方法或属性分享给所有的对像(不仅仅是“对象对象”哦)。原理,看图!
注意:函数对象检索自身属性时是不会检索自身prototype对象的属性的(这有点像废话),无人问津,它的prototype只有由它构建的对象在检索自身属性无果时才会去访问:
2 alert(Array.selfCheck);// 输出:undefined; 自定义的函数亦是如此
但Function和Object会有所不同:
alert(Function.selfCheck) ; // 输出:"Yes!",原因如图:Function __proto__ Function
Object.prototype.selfCheck = "Yes!"
alert(Object.selfCheck);// 输出:"Yes!",原因如图:Object __proto__ Function,Function.prototype是Object
更有意思的:
2 Object.prototype.sayHello="Hi,O";
3 alert(Object.sayHello);//输出:Hi.F
追本溯源:(再说函数也是对象!)
把“函数对象”比作受惊L,那么Function就像是LZ,Function内的“this.prototype = new this()”就像是LZ内的一根JZ啊,受惊L同时拥有LZ和JZ的DNA,“函数对象”就这样同时具备了函数和对象的特性啊!!!
最后说一下constructor属性: