JavaScript之数组Array详解.docx

1、JavaScript之数组Array详解JavaScript之数组(Array)详解篇一：Javascript数组及其操作 Javascript数组及其操作 1.如何创建数组 2.如何对数组进行操作（添加,删除,读取) 3.数组常见方法和属性 如何创建一个数组,一般地根据初始化设定简单分为3种: 1.单纯创建数组: var arr=new Array(); 要点:用new关键字创建数组对象Array(),Array()对象是一个本地类,可以用new创建一个对象后使用 2.创建数组的同时规定数组大小: var arr=new Array(10);/这里就创建了一个初始化大小为10的数组 注意:当

2、使用数组大小操作初始化大小时,数组会自动被撑大,不会像C语言那样发生错误.动态增长是js数组的一个性质.另外,js中支持最大数组长度为 4294967295 3.直接初始化: var arr=new Array(love,hate,pain);/这里就直接初始化了数组 或var arr=happy,cute,scare;/括号也可以声明一个数组对象 当然,类似C语言,可以定义2维3维和多维的数组,例如: var myArray = new Array(); for(var i=0;imyArrayi=new Array(); myArrayi0=Math.floor(Math.random()

3、*10); myArrayi1=Math.floor(Math.random()*10); myArrayi2=Math.floor(Math.random()*10); myArrayi3=Math.floor(Math.random()*10); myArrayi4=Math.floor(Math.random()*10); myArrayi5=Math.floor(Math.random()*10); myArrayi6=Math.floor(Math.random()*10); myArrayi7=Math.floor(Math.random()*10); myArrayi8=Math

4、.floor(Math.random()*10); myArray.sort( function(x, y) . return (x0=y0)?(x4=y4)?(x8-y8):(x4-y4):(x2-y2); for(var i=0;idocument.write(myArrayi.join(,) + ); 数组的属性:length arr.length返回数组arr的长度,常见于循环中对数组的遍历,比如: for(var i=0;i执行部分 数组元素的访问: arrindex,其中index表示索引即数组基数,从0开始,共有arr.length个元素.比如: arr0访问第一个数组元素,ar

5、r1访问第二个数组元素.依次类推 数组的操作方法:先概览下下面的这些操作数组常用的方法(13个) toString(),valueOf(),toLocalString(),join(),split(),slice(),concat(), pop(),push(),shift(),unshift(),sort(),splice() 下面逐一分析这些方法的功能和用法. toString(),valueOf(),toLocalString(): 功能:返回数组的全部元素 注:数组名也可以返回整个数组 代码: var m=am,bm,cm;/用括号声明一个数组对象 alert(m.toString()

6、;/toString()返回数组对象的所有内容,用逗号分割,即am,bm,cm alert(m.valueOf();/valueOf()也返回数组对象的所有内容 alert(m.toLocaleString();/toLocaleString()也返回数组对象的所有内容,但有地区语言区别,暂不研究 alert(m);/数组名也返回数组对象的所有内容 join(): 功能:把数组各个项用某个字符(串)连接起来,但并不修改原来的数组 代码:var m=am,bm,cm;/用括号声明一个数组对象 var n=m.join(-);/用-连接am,bm,cm. alert(m.toString();/m

7、并没有被修改,返回am,bm,cm alert(n);/n是一个字符串,为am-bm-cmsplit(): 功能:把一个字符串按某个字符(串)分割成一个数组,但不修改原字符串 代码: var str=I love maomao,I am caolvchong; var arr=str.split(o);/按字符o把str字符串分割成一个数组alert(arr);/输出整个数组slice():返回某个位置开始(到某个位置结束)的数组部分,不修改原数组 代码: var m=am,bm,cm,dm,em,fm; var n=m.slice(2);/返回第二个元素bm后面的元素,即cm,dm,em,f

8、mvar q=m.slice(2,5);/返回第二个元素后到第五个元素,即cm,dm,emalert(n); alert(q);数组对象的栈操作: push():数组末尾添加一个项 pop():删除数组最后一个项 代码: var m=am,bm,cm,dm,em,fm; m.push(gm);/在数组末尾添加元素gm alert(m); m.pop();/删除数组最后一个元素gm alert(m);数组对象的队列操作: unshift():数组头添加一个项 shift():删除数组第一个项 代码:var m=am,bm,cm,dm,em,fm; m.unshift(gm);/在数组第一个元素位

9、置添加元素gm alert(m); m.shift();/删除数组第一个元素gm alert(m);sort():数组按字符的ASCII码进行排序,修改数组对象 注:即便是数字数组,也将转化为字符串来进行比较排序 代码: var m=am,fm,gm,bm,em,dm; m.sort();/按字母序排序 alert(m);concat():在数组尾添加元素,但不修改数组对象 代码: var m=am,bm var n=m.concat(cm);/添加一项cm,并且赋予新数组对象 alert(m);/原数组没有被修改 alert(n);/输出新数组对象splice():在数组的任意位置进行添加,

10、删除或者替换元素,直接修改数组对象 细节: splice()有三个参数或三个以上参数,前两个是必须的,后面参数是可选的 进行添加:splice(起始项,0,添加项) 进行删除:splice(起始项,要删除的项个数) 进行替换:splice(起始项,替换个数,替换项) 这个其实是添加删除的共同结果 代码: var m=am,bm m.splice(1,0,fm,sm);/在第一项后面添加fm和sm,返回am,fm,sm,bmalert(m); m.splice(2,1);/删除第二项后面一项(即第三项sm,返回am,fm,bm)alert(m); m.splice(2,1,mm);/替换第二项后

11、面一项(即第三项,返回am,fm,mm)alert(m);JavaScript数组操作函数join(delimiter): 把数组中各个元素使用分隔符(delimiter)拼成字符串 concat(array1, array2, .): 合并数组，对原数组不影响，只是返回合并后的新数组 pop(): 删除并返回最后一个元素 push(element1, element2, .): 在数组末尾追加元素 shift(): 删除并返回第一个元素 unshift(element1, element2, .): 在数组开始位置添加元素 reverse(): 将数组元素顺序首尾反转 sort(functi

12、on): 给数组排序 如果不给参数，默认按字符排序(所有元素是数字也不会按数字排序的) 参数必须是一个函数，类似function(a, b) ，在函数中判断a, b的大小，ab返回正数，aslice(start, end): 返回一个新的数组，将start开始，到end结束(不包括end)之间的元素复制到新数组中 splice(start, count, replaceElement1, replaceElement2, .): 删除或者替换数组元素，从start开始，对count个元素进行删除或替换 如果提供replaceElement参数则进行替换，否则进行删除操作，被替换的元素个数和re

13、placeElements的个数不必相等 返回一个数组，包含被删除或替换掉的元素 判断是否数组的方法 var arrayVar = aaa, bbb, ccc; var nonArrayVar = length:4, otherAttribute:attr ; document.write(arrayVar.constructor=Array); document.write(); document.write(nonArrayVar.constructor=Array); 结果是true, false grep、map Perl语言带出来的东西，jQuery实现selector时用了这种方式 grep 对数组的grep操作，指类似这样的代码: Array newArray = grep(condition, oldArray)，这个操作将对oldArray数组的每个元素进行遍历，如果当前处理元素符合条件condition，则加入到返回数组中 jQuery中的grep类似这样: function( elems, callback)，elems是DOM元素集合，callback是实现selector的一些表达式函数，如果callback返回true则表明当前处理的元素符合selector表达式篇二：javaScript基础之数组javaScript基础