js常用數(shù)組操作方法簡(jiǎn)明總結(jié)
更新時(shí)間:2014年06月20日 09:22:19 投稿:junjie
這篇文章主要介紹了js常用數(shù)組操作方法簡(jiǎn)明總結(jié),直接上代碼,代碼中有詳細(xì)的注釋,需要的朋友可以參考下
//javascript 中的數(shù)組分割
var colors = ["red","green","blue"];
//alert(colors.toString());
alert(colors.join("|")); //返回結(jié)果是red|green|blue
var colors = ["red","green","blue",null];
alert(colors.join("|"));//red|green|blue|
//注意當(dāng)數(shù)組里面有值是null或者是undefined的時(shí)候 返回的結(jié)果是以空的字符串表示的
-------------------------------------------
//數(shù)組刪除和添加
var colors = ["red","green","blue"];
//alert(colors.toString());
colors.push("white","test");//返回的結(jié)果是數(shù)組的長(zhǎng)度
alert(colors.join("|"));//結(jié)果是red|green|blue|white|test
//往數(shù)組的開(kāi)頭添加元素
var colors = ["red","green","blue","test"];
var item = colors.unshift("first");//數(shù)組的開(kāi)頭添加一個(gè)元素
alert(colors.join("|"));//返回最后的數(shù)組
//刪除元素
var colors = ["red","green","blue","test"];
var item = colors.pop();//返回刪除的選項(xiàng)結(jié)果test
alert(colors.join("|"));//返回最后的數(shù)組結(jié)果red|green|blue
//刪除開(kāi)頭元素
var colors = ["red","green","blue","test"];
var item = colors.shift();//刪除數(shù)組的第一個(gè)選項(xiàng)
alert(colors.join("|"));//返回最后的數(shù)組
-------------------------------------------------
//數(shù)組順序事例
//順序顛倒
var colors = ["red","green","blue","test"];
colors.reverse();
alert(colors);//結(jié)果是:test,blue,green,red
//數(shù)組排序
var values = [0,1,5,10,7];
values.sort(compare);
alert(values);
//document.writeln(values);
}
function compare(value1,value2){
if(value1<value2){
return 1 ;
}else if(value1>value2){
return -1 ;
}else return 0 ;
}
-----------------------------------------------------
//向數(shù)組中添加數(shù)組 concat()方法
var colors = ["color","red"];
var colors2 = colors.concat(["ccc","bbbb"],'3333',['vvccxx',['oolll','lll']]);
alert(colors2);//返回結(jié)果是:color,red,ccc,bbbb,3333,vvccxx,oolll,lll
//slice()方法復(fù)制數(shù)組中的元素并不會(huì)破壞之前的元素
var colors = ["color","red",'eeee','221111'];
var colors2 = colors.slice(1);//從1開(kāi)始進(jìn)行復(fù)制
alert(colors2);//結(jié)果是:red,eeee,221111
var colors = ["color","red",'eeee','221111'];
var colors2 = colors.slice(1,3);//從1開(kāi)始進(jìn)行復(fù)制到第3個(gè)位置結(jié)束
alert(colors2);//結(jié)果是red,eeee
---------------------------------------------------------------------
//數(shù)組中刪除元素
var a = [1,2,3,5,8];
var r = a.splice(0,2); //刪除前2項(xiàng)
alert(a);//結(jié)果是3,5,8
var a = [1,2,3,5,8];
var r = a.splice(1,1,100,200); //從第2個(gè)數(shù)開(kāi)始刪除一項(xiàng) 然后插入100 200
alert(a);//結(jié)果是1,100,200,3,5,8
相關(guān)文章
javascript實(shí)現(xiàn)dom元素可拖動(dòng)
HTML DOM 是 W3C 標(biāo)準(zhǔn)(是 HTML 文檔對(duì)象模型的英文縮寫(xiě),Document Object Model for HTML)。通過(guò) DOM,可以訪問(wèn)所有的 HTML 元素,連同它們所包含的文本和屬性??梢詫?duì)其中的內(nèi)容進(jìn)行修改和刪除,同時(shí)也可以創(chuàng)建新的元素。2016-03-03
Three.js源碼閱讀筆記(基礎(chǔ)的核心Core對(duì)象)
Three.js是一個(gè)比較偉大的webgl開(kāi)源庫(kù),它簡(jiǎn)化了瀏覽器3D編程,使得使用JavaScript在瀏覽器中創(chuàng)建復(fù)雜的場(chǎng)景變得容易很多接下來(lái)先從最基礎(chǔ)的核心(Core)對(duì)象開(kāi)始,感興趣的朋友可以參考下2012-12-12
JavaScript學(xué)習(xí)筆記之基礎(chǔ)語(yǔ)法
本文不是零基礎(chǔ)教學(xué),請(qǐng)沒(méi)javascript基礎(chǔ)的小伙伴們先出門(mén)左拐,本人之前學(xué)習(xí)java的,所以本文主要對(duì)比下java學(xué)習(xí)javascript。2015-01-01
JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解
這篇文章主要介紹了JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09

