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

