Javascript中的Array數(shù)組對象詳談
更新時(shí)間:2014年03月03日 17:52:08 作者:
這篇文章主要介紹了Javascript中的Array數(shù)組對象,需要的朋友可以參考下
首先數(shù)組的定義以及初始化的方法:
var myArray = new Array(1,3.1415,"love"); //這里注意myArray數(shù)組中的元素不只是同一種數(shù)據(jù)類型的元素,可以有整形,有浮點(diǎn)型,有字符串等等都可以。這里充分展示了javascript作為一種語言對數(shù)據(jù)類型的弱化,語言更加的隨意化,簡便化。就行定義對象的時(shí)候用var一樣。
在此介紹的有限,同時(shí)有一些我沒有給出結(jié)果,希望大家自己體會(huì),自己動(dòng)手嘗試一下,看看結(jié)果到底是什么,這樣有助于記憶。以下帶[]是可以省去的參數(shù)。
Array的屬性:
length:數(shù)組對象的長度,即數(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對象的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作為一種語言對數(shù)據(jù)類型的弱化,語言更加的隨意化,簡便化。就行定義對象的時(shí)候用var一樣。
在此介紹的有限,同時(shí)有一些我沒有給出結(jié)果,希望大家自己體會(huì),自己動(dòng)手嘗試一下,看看結(jié)果到底是什么,這樣有助于記憶。以下帶[]是可以省去的參數(shù)。
Array的屬性:
length:數(shù)組對象的長度,即數(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對象的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ù)組對象轉(zhuǎn)換成數(shù)組對象
- JavaScript中數(shù)組對象的那些自帶方法介紹
- javascript Array數(shù)組對象的擴(kuò)展函數(shù)代碼
- JavaScript中的類數(shù)組對象介紹
- JavaScript數(shù)組對象賦值用法實(shí)例
- javascript的日期對象、數(shù)組對象、二維數(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ù)組對象常用api函數(shù)小結(jié)(連接,插入,刪除,反轉(zhuǎn),排序等)
相關(guān)文章
JS遮罩層效果 兼容ie firefox jQuery遮罩層
史上最精簡,最強(qiáng)大的JS遮罩層效果,支持ie firefox jQuery遮罩層2010-07-07jQuery ajax中使用confirm,確認(rèn)是否刪除的簡單實(shí)例
下面小編就為大家?guī)硪黄猨Query ajax 中使用confirm ,確認(rèn)是否刪除的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06Jquery仿淘寶京東多條件篩選可自行結(jié)合ajax加載示例
仿淘寶京東多條件篩選可自行結(jié)合ajax加載,使用Jquery簡單實(shí)現(xiàn),具體如下,喜歡的朋友可以參考下2013-08-08jQuery實(shí)現(xiàn)簡易計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡易計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07分析了一下JQuery中的extend方法實(shí)現(xiàn)原理
這篇文章主要介紹了通過jQuery.extend的源碼分析了一下JQuery中的extend方法實(shí)現(xiàn)原理以及使用方式,非常的詳細(xì),這里推薦給大家,有需要的小伙伴來參考下吧。2015-02-02jQuery實(shí)現(xiàn)選項(xiàng)卡功能(兩種方法)
本文主要介紹了jQuery兩種方法寫選項(xiàng)卡的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03jquery 如何動(dòng)態(tài)添加、刪除class樣式方法介紹
獲取與設(shè)置樣式 獲取class和設(shè)置class都可以使用attr()方法來完成。例如使用attr()方法來獲取p元素的class2012-11-11