javascript中的对象和数组的应用技巧(javascript中的对象用于)

javascript已经用了有三年多了，但是对一些细节的东西还是一知半解，比如对象和数组，一直都在用一些最基本的操作。这是我学习的一个坏习惯--懒，很多东西都是了解而已，看到稍微复杂点的逻辑就没有耐心。就像学asp时不知道asp跟脚本的关系，学html不知道什么是DOM...结果是学得慢且不扎实，碰到稍复杂的问题就歇菜（扯远了）。 今天继续优化脚本，尝试着合并一些数组时碰到问题，才算去仔细看了手册，做了一些测试。 javascript1.2之后允许使用[]创建数组： var firstArray = []; var secondArray = ["red", "green", "blue"]; var thirdArray = [,,,,]; 可以在数组创建后添加元素： secondArray[4] = ; 这样的结果是第4个元素和第2个元素之间有1个空元素。 结果类似这样：["red", "green", "blue",,] 需要注意的是，数组必须初始化，我测试了数组作为数组元素的定义： var arrArray = [[]]; 本来设想实现二维数组，结果是使用arrArray[i][0]当i>0时无效！ 仔细看一下才明白，其实是定义了arrArray[0]为一个空数组，而其他元素都未定义，相当于 var arrArray=[]; arrArray[0]=[]; 所以arrArray[1]没有定义，所以如果将它作为数组进行操作会出错。 删除一个数组元素：delete var myColors = ["red", "green", "blue"]; delete myColors[1]; alert("The value of myColors[1] is: " + myColors[1]); delete的结果是myColors[1]=undefined，但是myColors.length不变，myColors变成这样：["red",, "blue"] 替换或绝对删除数组元素用slice(): var myArray = [1, 2, 3, 4, 5]; myArray.slice(2); // returns [3, 4, 5] myArray.slice(1, 3); // returns [2, 3] myArray.slice(-3); // returns [3, 4, 5] myArray.slice(-3, -1); // returns [3, 4] myArray.slice(-4, 3); // returns [2, 3] myArray.slice(3, 1); // returns [] var myArray = [1, 2, 3, 4, 5]; myArray.splice(3,2,''a'',''b''); // returns 4,5 [1,2,3,''a'',''b''] myArray.splice(1,1,"in","the","middle"); // returns 2 [1,"in","the","middle",3,''a'',''b''] 看了文档才知道，数组是传递引用的！ var x = [, 9, 8]; var y = x; x[0] = 2; alert("The value of y's first element is: " + y[0]); 你猜结果是多少呢？ 再看这个： // Declare a reference type (array) var refType = ["first ", " second", " third"]; // Declare a primitive type (number) var primType = ; // Declare a function taking two arguments, which it will modify function modifyValues(ref, prim) { ref[0] = "changed"; // modify the first argument, an array prim = prim - 8; // modify the second, a number } // Invoke the function modifyValues(refType, primType); // Print the value of the reference type document.writeln("The value of refType is: ", refType+"< >"); // Print the value of the primitive type document.writeln("The value of primType is: ", primType); 测试时发现一个问题： var arr=[]; arr['a']=1; arr['b']=2; alert(arr.length); 弹出的数字是0！ 看了文档后知道，这样的数组叫做联合数组（Associative Arrays），arr['a']等同于arr.a，arr.length也就等同于arr['length']，而arr.length在我们初始化arr（var arr=[];）的时候自动赋值为0。 有人把这种联合数组叫做javascript的hash table。严格上讲，联合数组和普通数组本身都是对象（废话，javascript中的一切都是对象- -），意义和用法都是相同的。看下面的例子： var arr=[]; arr=[1,2,3]; arr.test='test'; alert(arr); alert(arr[1]); alert(arr['test']); var arr={}; arr=[2,3,4]; alert(arr[0]); var arr={};和var arr=[]都可以写成var arr=function(){}; 从上面的代码可以看出，下标数组跟联合数组分别独立，下标只作用于下标数组，不能访问联合数组，相应的，联合数组不对length属性产生影响。联合数组的标签就是属性，但是下标数组的下标并不是属性，arr[0]!=arr.0，访问arr.0会出错。 在某些时候，用arr['a']代替arr.a作为方法调用会更有效，因为arr['a']中的'a'可以用变量传入，比如将方法赋给变量： var d=document,l=links; 这时候用直接d.l就会出错，而用d[l]就可以正确执行，alert一下就知道了:) alert(d.l);//脚本错误 alert(d[l]);//显示object 既然数组是由lenght属性的对象，那么是不是所有具有length属性的对象都是数组呢？比如String。测试之后发现，firefox是可以把String当作数组处理的，但是ie不行： var myString = "Hello world"; alert(myString.length); alert(myString[0]); 数组的对象应该比较独特，用户对象不能完全模拟： function myarray(size){ this.length=size; var x=0; } var arr=new myarray(5); arr[9]=1; alert(arr); alert(arr[9]); alert(arr.length); 本以为Array的length属性就是普通的对象属性，结果经过上面的例子发现，arr的length不再是数组length，arr的结构也不是普通数组结构。 定义一个函数/类的方法有好几种： function fName(arguments){ //function body }; var fName = function(arguments){ //function body } var fName = new Function("arguments","/*function body*/"); 第三种方法比较好玩，看下面的例子： var arr=new Function("var total=0; for (var i=0; i 用这个方法可以解析ajax返回的JSON，这样就不用低效的eval了（没有测试是否比eval快）： 假设{b:{c:2}}为返回的json字符串： var arr=new Function("this.a={b:{c:2}};"); var aa =new arr(); alert(aa.a.b.c);

推荐整理分享javascript中的对象和数组的应用技巧(javascript中的对象用于)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript中的对象用于在单个的变量中存储多个值,JavaScript中的对象,javascript的对象,javascript中的对象用于,javascript中的对象由哪两个基本元素构成,javascript中的对象类型,JavaScript中的对象,javascript中的对象由哪两个基本元素构成,内容如对您有帮助，希望把文章链接给更多的朋友！

Javascript标准DOM Range操作全集第1/3页 2级DOM定义了一个createRange()方法，如果是按照DOM此标准的浏览器（IE并不是支持此标准的，但是IE里的属性或方法却远比标准中定义的多得多），它属于do

尽可能写"友好"的"Javascript"代码 在SearchEngine的robot搜索时，针对的type，text/html此类文本的友好度是最高的（现阶段text/xml除外），而text/javascript此类的友好度不理想，如果robot还要判断D

兼容Mozilla必须知道的知识。 我想我也该把这个东西先拿出来了。希望可以帮助大家，我也是想到了哪些就写哪些，如果有遗漏的地方，还请指出，我会加上去的。列表了多种IE与M