Javascript中的Array數(shù)組對(duì)象詳談
更新時(shí)間:2014年03月03日 17:52:08 作者:
這篇文章主要介紹了Javascript中的Array數(shù)組對(duì)象,需要的朋友可以參考下
首先數(shù)組的定義以及初始化的方法:
var myArray = new Array(1,3.1415,"love"); //這里注意myArray數(shù)組中的元素不只是同一種數(shù)據(jù)類型的元素,可以有整形,有浮點(diǎn)型,有字符串等等都可以。這里充分展示了javascript作為一種語言對(duì)數(shù)據(jù)類型的弱化,語言更加的隨意化,簡(jiǎn)便化。就行定義對(duì)象的時(shí)候用var一樣。
在此介紹的有限,同時(shí)有一些我沒有給出結(jié)果,希望大家自己體會(huì),自己動(dòng)手嘗試一下,看看結(jié)果到底是什么,這樣有助于記憶。以下帶[]是可以省去的參數(shù)。
Array的屬性:
length:數(shù)組對(duì)象的長(zhǎng)度,即數(shù)組元素的個(gè)數(shù)。這里同樣要注意第一元素的下標(biāo)是0.
document.write(myArray.length); //結(jié)果是3
Array的方法:
join(<分隔符>):把數(shù)組中的各元素逐個(gè)連接起來,用分隔符置于元素與元素之間
document.write(myArray.join("-")); //輸出結(jié)果:1-3.1415-love
document.write(myArray.join(" ")); //輸出結(jié)果:是什么呢?
document.write(myArray.join("*¥")); //輸出結(jié)果:是什么呢?
document.write(myArray.join("* &")); //輸出結(jié)果:是什么呢?
document.write(myArray.join(" ")); //輸出結(jié)果:是什么呢?
reverse():將數(shù)組中的元素的順序顛倒
document.write(myArray.reverse()); //輸出結(jié)果:love,3.1415,1
slice(<始>[,<終>]):相當(dāng)于數(shù)組的裁剪,這里不包括終。看到這里大家應(yīng)該會(huì)聯(lián)想到關(guān)于Sting對(duì)象的substring()和substr()方法了吧。。其實(shí)都類似。
var arraynumber = new Array(1,2,3,4,5,6,7,8);
document.write(arraynumber.slice(3)); //輸出結(jié)果:4,5,6,7,8
document.write(arraynumber.slice(3,5)); // 輸出結(jié)果:4,5
i made a mistake,我原來寫的結(jié)果是4,5,6,其實(shí)是4,5。多謝一位朋友提出來。大家注意一下,其實(shí)slice方法是不包括終止位置的。
document.write(arraynumber.slice(3,3)); // 輸出結(jié)果:是什么呢?
document.write(arraynumber.slice(3,2)); // 輸出結(jié)果:是什么呢?
document.write(arraynumber.slice(3,-1)); // 輸出結(jié)果:是什么呢?
document.write(arraynumber.slice(-100)); // 輸出結(jié)果:是什么呢?
sort([<方法函數(shù)>]):排序
不帶方法函數(shù),按字母順序進(jìn)行排序,即按照字符編碼的順序排序,不是通常認(rèn)為的按數(shù)值排序。
如果帶方法函數(shù),則按方法函數(shù)排序。
例子:
<script>
function sortNumber(a,b)
{
return a-b;
}
var myArray = new Array(3,2,54,23,90,250);
document.write("document.write("未經(jīng)sort排序的數(shù)值:",myArray,"<br />")
document.write("默認(rèn)sort排序的數(shù)值:",myArray.sort(),"<br />")
document.write("經(jīng)sortNumber()的sort排序的數(shù)值:",myArray.sort(sortNumber),"<br />")
</script>
結(jié)果是:
未經(jīng)sort排序的數(shù)值:3,2,54,23,90,250
默認(rèn)sort排序的數(shù)值:這個(gè)我也不知道,主要誰去記字符編碼呢。
經(jīng)sortNumber()的sort排序的數(shù)值:2,3,23,54,90,250
大家如果把sortNumber方法中的"a-b"改成"b-a",結(jié)果是什么呢?
var myArray = new Array(1,3.1415,"love"); //這里注意myArray數(shù)組中的元素不只是同一種數(shù)據(jù)類型的元素,可以有整形,有浮點(diǎn)型,有字符串等等都可以。這里充分展示了javascript作為一種語言對(duì)數(shù)據(jù)類型的弱化,語言更加的隨意化,簡(jiǎn)便化。就行定義對(duì)象的時(shí)候用var一樣。
在此介紹的有限,同時(shí)有一些我沒有給出結(jié)果,希望大家自己體會(huì),自己動(dòng)手嘗試一下,看看結(jié)果到底是什么,這樣有助于記憶。以下帶[]是可以省去的參數(shù)。
Array的屬性:
length:數(shù)組對(duì)象的長(zhǎng)度,即數(shù)組元素的個(gè)數(shù)。這里同樣要注意第一元素的下標(biāo)是0.
document.write(myArray.length); //結(jié)果是3
Array的方法:
復(fù)制代碼 代碼如下:
join(<分隔符>):把數(shù)組中的各元素逐個(gè)連接起來,用分隔符置于元素與元素之間
document.write(myArray.join("-")); //輸出結(jié)果:1-3.1415-love
document.write(myArray.join(" ")); //輸出結(jié)果:是什么呢?
document.write(myArray.join("*¥")); //輸出結(jié)果:是什么呢?
document.write(myArray.join("* &")); //輸出結(jié)果:是什么呢?
document.write(myArray.join(" ")); //輸出結(jié)果:是什么呢?
reverse():將數(shù)組中的元素的順序顛倒
document.write(myArray.reverse()); //輸出結(jié)果:love,3.1415,1
slice(<始>[,<終>]):相當(dāng)于數(shù)組的裁剪,這里不包括終。看到這里大家應(yīng)該會(huì)聯(lián)想到關(guān)于Sting對(duì)象的substring()和substr()方法了吧。。其實(shí)都類似。
var arraynumber = new Array(1,2,3,4,5,6,7,8);
document.write(arraynumber.slice(3)); //輸出結(jié)果:4,5,6,7,8
document.write(arraynumber.slice(3,5)); // 輸出結(jié)果:4,5
i made a mistake,我原來寫的結(jié)果是4,5,6,其實(shí)是4,5。多謝一位朋友提出來。大家注意一下,其實(shí)slice方法是不包括終止位置的。
document.write(arraynumber.slice(3,3)); // 輸出結(jié)果:是什么呢?
document.write(arraynumber.slice(3,2)); // 輸出結(jié)果:是什么呢?
document.write(arraynumber.slice(3,-1)); // 輸出結(jié)果:是什么呢?
document.write(arraynumber.slice(-100)); // 輸出結(jié)果:是什么呢?
sort([<方法函數(shù)>]):排序
不帶方法函數(shù),按字母順序進(jìn)行排序,即按照字符編碼的順序排序,不是通常認(rèn)為的按數(shù)值排序。
如果帶方法函數(shù),則按方法函數(shù)排序。
例子:
復(fù)制代碼 代碼如下:
<script>
function sortNumber(a,b)
{
return a-b;
}
var myArray = new Array(3,2,54,23,90,250);
document.write("document.write("未經(jīng)sort排序的數(shù)值:",myArray,"<br />")
document.write("默認(rèn)sort排序的數(shù)值:",myArray.sort(),"<br />")
document.write("經(jīng)sortNumber()的sort排序的數(shù)值:",myArray.sort(sortNumber),"<br />")
</script>
結(jié)果是:
未經(jīng)sort排序的數(shù)值:3,2,54,23,90,250
默認(rèn)sort排序的數(shù)值:這個(gè)我也不知道,主要誰去記字符編碼呢。
經(jīng)sortNumber()的sort排序的數(shù)值:2,3,23,54,90,250
大家如果把sortNumber方法中的"a-b"改成"b-a",結(jié)果是什么呢?
您可能感興趣的文章:
- js將類數(shù)組對(duì)象轉(zhuǎn)換成數(shù)組對(duì)象
- JavaScript中數(shù)組對(duì)象的那些自帶方法介紹
- javascript Array數(shù)組對(duì)象的擴(kuò)展函數(shù)代碼
- JavaScript中的類數(shù)組對(duì)象介紹
- JavaScript數(shù)組對(duì)象賦值用法實(shí)例
- javascript的日期對(duì)象、數(shù)組對(duì)象、二維數(shù)組使用說明
- js數(shù)組與字符串的相互轉(zhuǎn)換方法
- Js數(shù)組的操作push,pop,shift,unshift等方法詳細(xì)介紹
- JS解析json數(shù)據(jù)并將json字符串轉(zhuǎn)化為數(shù)組的實(shí)現(xiàn)方法
- js中通過split函數(shù)分割字符串成數(shù)組小例子
- 體驗(yàn)js中splice()的強(qiáng)大(插入、刪除或替換數(shù)組的元素)
- js數(shù)組去重的常用方法總結(jié)
- javascript數(shù)組對(duì)象常用api函數(shù)小結(jié)(連接,插入,刪除,反轉(zhuǎn),排序等)
相關(guān)文章
jQuery實(shí)現(xiàn)的仿百度,仿谷歌搜索下拉框效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的仿百度,仿谷歌搜索下拉框效果,結(jié)合實(shí)例形式分析了基于jQuery的鼠標(biāo)事件響應(yīng)與頁面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-12-12
jqueryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨queryMobile 動(dòng)態(tài)添加元素,展示刷新視圖的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
jQuery+CSS實(shí)現(xiàn)的table表格行列轉(zhuǎn)置功能示例
這篇文章主要介紹了jQuery+CSS實(shí)現(xiàn)的table表格行列轉(zhuǎn)置功能,涉及jQuery事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-01-01
jquery中關(guān)于bind()方法的使用技巧分享
這篇文章主要給大家分享了jquery中關(guān)于bind()方法的使用技巧,文中介紹的非常詳細(xì),對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來一起看看吧。2017-03-03
jquery獲取多個(gè)checkbox的值異步提交給php
這篇文章主要介紹了jquery獲取多個(gè)checkbox的值異步提交給php的相關(guān)資料,需要的朋友可以參考下2015-07-07
jQuery學(xué)習(xí)筆記之 Ajax操作篇(三) - 過程處理
對(duì)于 jQuery 通過 Ajax 方式傳遞數(shù)據(jù)時(shí),我們還可以在過程中進(jìn)行一定的處理,以便達(dá)到我們的需求。2014-06-06
jQuery插件開發(fā)的兩種方法及$.fn.extend的詳解
jQuery插件開發(fā)分為兩種:1 類級(jí)別、2 對(duì)象級(jí)別,下面為大家詳細(xì)介紹下2014-01-01
jQuery實(shí)現(xiàn)簡(jiǎn)易商城系統(tǒng)項(xiàng)目實(shí)操
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易商城系統(tǒng)項(xiàng)目實(shí)操,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,感興趣的小伙伴可以參考一下2022-06-06

