JavaScript數(shù)組的定義及數(shù)字操作技巧
一、數(shù)組的介紹
數(shù)組中的元素類(lèi)型可以是數(shù)字型、字符串型、布爾型等,甚至也可以是一個(gè)數(shù)組。
二、定義數(shù)組
1、通過(guò)數(shù)組的構(gòu)造函數(shù)來(lái)定義數(shù)組:
var arr=new Array(); var arr=new Array(size); var arr=new Array(element1,element2,...);
2、直接定義數(shù)組:
var arr=["字符串",true,13];
ps: 和Object一樣,此寫(xiě)法不會(huì)調(diào)用Array()構(gòu)造函數(shù)。
三、數(shù)組元素
1、存取數(shù)組元素:通過(guò)存取運(yùn)算符[] 如:arr[2];
2、添加數(shù)組元素:直接為數(shù)組元素賦值。
3、刪除數(shù)組元素:
數(shù)組元素一旦被定義,就不能被刪除。使用delete運(yùn)算符只能刪除數(shù)組元素的值,使元素值變?yōu)閡ndefined,但是并不能刪除一個(gè)數(shù)組元素,不能讓數(shù)組中的元素減少。
4、數(shù)組元素的個(gè)數(shù):數(shù)組長(zhǎng)度。array.length
四、數(shù)組的方法
toString():將數(shù)組轉(zhuǎn)換為字符串
join():將數(shù)組元素連接成字符串,自動(dòng)以逗號(hào)作為連接符來(lái)連接數(shù)組元素。 1,2,3
join(str):將數(shù)組元素連接成字符串,以str作為連接符來(lái)連接數(shù)組元素。 join(-):1-2-3
棧方法:
push():在數(shù)組尾部添加元素,返回值為添加元素之后的數(shù)組長(zhǎng)度。
pop():從數(shù)組末尾移除最后一個(gè)元素,減少數(shù)組的length值,然后返回移除的元素。
隊(duì)列方法:
push():在數(shù)組尾部添加元素,返回值為添加元素之后的數(shù)組長(zhǎng)度。
shift():從數(shù)組前端移除一個(gè)元素,減少數(shù)組的length值,然后返回移除的元素。并將余下的所有元素都向前移1位。
unshift():從數(shù)組前端添加一個(gè)元素,返回值為添加元素之后的數(shù)組長(zhǎng)度(IE瀏覽器不支持返回值,返回undefined)。an
排序:
reverse():反轉(zhuǎn)
sort():按字符編碼的順序排序
sort(order):order參數(shù)必須是一個(gè)函數(shù),該函數(shù)應(yīng)該有兩個(gè)參數(shù)。
//正序排序
function ascOrder(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
//倒序排序
function descOrder(value1, value2) {
if (value1 < value2) {
return 1;
} else if (value1 > value2) {
return -1;
} else {
return 0;
}
var box = [0,1,5,10,15];
box.sort(ascOrder);
box.sort(descOrder);
操作方法:
concat():添加元素并生成新數(shù)組,原數(shù)組長(zhǎng)度不變化。
splice():刪除、替換或插入數(shù)組元素。
splice(start,count,value,...):start:開(kāi)始位置;count:元素個(gè)數(shù)
slice(start,end):返回?cái)?shù)組中的一部分。
toLocalString():轉(zhuǎn)換為當(dāng)?shù)刈址?br />
以上所述是小編給大家介紹的JavaScript數(shù)組的定義及數(shù)字操作技巧的相關(guān)知識(shí),希望對(duì)大家有所幫助!
相關(guān)文章
IFrame跨域高度自適應(yīng)實(shí)現(xiàn)代碼
最近在做項(xiàng)目中,遇到一個(gè)問(wèn)題,就是iframe高度的自適應(yīng)問(wèn)題,以下是解決辦法2012-08-08
layer.open彈層查看縮略圖的原圖,自適應(yīng)大小的實(shí)例
今天小編就為大家分享一篇layer.open彈層查看縮略圖的原圖,自適應(yīng)大小的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JavaScript監(jiān)聽(tīng)觸摸事件代碼實(shí)例
這篇文章主要介紹了JavaScript監(jiān)聽(tīng)觸摸事件代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
有效提高JavaScript執(zhí)行效率的幾點(diǎn)知識(shí)
這篇文章主要介紹了有效提高JavaScript執(zhí)行效率的幾點(diǎn)知識(shí),本文從JavaScript函數(shù)、JavaScript作用域、JavaScript字符串、JavaScript DOM操作、DOM重繪、DOM訪(fǎng)問(wèn)、DOM遍歷等方面講解了提高JavaScript執(zhí)行效率的小技巧,需要的朋友可以參考下2015-01-01
JScript內(nèi)置對(duì)象Array中元素的刪除方法
JScript內(nèi)置對(duì)象Array中元素的刪除方法...2007-03-03
基于Javascript實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單效果
這篇文章主要為大家詳細(xì)介紹了基于Javascript實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單效果的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03
JS刷新框架外頁(yè)面七種實(shí)現(xiàn)代碼
JS刷新框架想必大家們都有所了解,如何是刷新框架外頁(yè)面想必大家有所陌生啦,沒(méi)關(guān)系本文的出現(xiàn)將解決大家的燃眉之急,感興趣的你可不要錯(cuò)過(guò)了哈2013-02-02
JS實(shí)現(xiàn)多級(jí)菜單中當(dāng)前菜單不隨頁(yè)面跳轉(zhuǎn)樣式而發(fā)生變化
本文介紹了JQuery巧妙實(shí)現(xiàn)多級(jí)菜單中當(dāng)前菜單不隨頁(yè)面跳轉(zhuǎn)樣式發(fā)生變化,實(shí)現(xiàn)方法非常簡(jiǎn)單,感興趣的朋友一起看看吧2017-05-05

