JavaScript中Array對(duì)象用法實(shí)例總結(jié)
本文實(shí)例講述了JavaScript中Array對(duì)象用法。分享給大家供大家參考,具體如下:
Array數(shù)組對(duì)象有很多常用的方法和屬性,現(xiàn)總結(jié)如下:
1. length屬性,獲取數(shù)組中元素的個(gè)數(shù)。
2. concat()方法,連接兩個(gè)數(shù)組。將兩個(gè)數(shù)組連接起來(lái)。示例如下:
var names= new Array('Jack','Tom','Jim'); var ages= new Array(12,32,44); var concatArray; concatArray=names.concat(ages);
這里的concatArray就是姓名數(shù)組與年齡數(shù)組結(jié)合的新數(shù)組。
3. slice()方法,獲取數(shù)組中的部分?jǐn)?shù)組元素。
一般有兩個(gè)參數(shù),第一個(gè)表示起始位置,第二個(gè)表示結(jié)束位置(類似于substring)。值得注意的是截取的數(shù)組元素位于第二個(gè)參數(shù)位置之前。也就是說(shuō),如果第二個(gè)參數(shù)為4,就表示截取到第四個(gè)數(shù)組元素之前。
4. join()方法,將數(shù)組轉(zhuǎn)化成字符串。這個(gè)方法是javascript的方法,在jQuery中也經(jīng)常用到。示例如下:
var myShopping=new Array("eggs","apple","milk"); var myShoppingList = myShopping.join("<br>"); document.write(myShoppingList);
這里的myShoppingList就成了字符串,內(nèi)容為"eggs<br>apple<br>milk";
5. sort()方法,對(duì)數(shù)組中的元素進(jìn)行排序,已首字母的順序進(jìn)行排列,由小到大。
6. reverse()方法,對(duì)數(shù)組中的元素進(jìn)行翻轉(zhuǎn),前后掉個(gè)頭。
如果將sort()方法與reverse()方法結(jié)合,就能達(dá)到逆序排列的效果。
也就是先排序,再翻個(gè),這樣就達(dá)到逆序的效果了。
下面是一個(gè)小綜合的例子:
<script type='text/javascript'> var myShopping = new Array("Eggs","Milk","Potatoes","Banana","Cereal"); var ord = parseInt(prompt("Enter 1 for alphabetical order,and -1 for reverse order",1)); switch(ord) { case 1: myShopping.sort(); myShopping = myShopping.join("<br>"); document.write(myShopping); break; case -1: myShopping.sort(); myShopping.reverse(); myShopping = myShopping.join("<br>"); document.write(myShopping); break; default: document.write("That not a valid input."); break; } </script>
這個(gè)小例子就是運(yùn)用了數(shù)組對(duì)象中的排序方法和翻轉(zhuǎn)方法以及join方法的小示例。如果輸入為1就進(jìn)行順序排列并輸出,如果為-1就進(jìn)行逆序排列并輸出。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JavaScript Array對(duì)象詳解
- javascript類型系統(tǒng) Array對(duì)象學(xué)習(xí)筆記
- 詳解JS中Array對(duì)象擴(kuò)展與String對(duì)象擴(kuò)展
- JavaScript數(shù)組Array對(duì)象增加和刪除元素方法總結(jié)
- JavaScript Array對(duì)象擴(kuò)展indexOf()方法
- 以JSON形式將JS中Array對(duì)象數(shù)組傳至后臺(tái)的方法
- js Array對(duì)象的擴(kuò)展函數(shù)代碼
- JavaScript中的Array對(duì)象使用說(shuō)明
- js對(duì)象之JS入門之Array對(duì)象操作小結(jié)
- javascript Array對(duì)象使用小結(jié)
- JS Array對(duì)象入門分析
相關(guān)文章
JS中的form.submit()不能提交表單的錯(cuò)誤原因
這篇文章主要介紹了JS中的form.submit()不能提交表單的錯(cuò)誤原因,本文最后得出結(jié)論是按鈕的ID、名稱不要使用submit,需要的朋友可以參考下2014-10-10不間斷滾動(dòng)JS打包類,基本可以實(shí)現(xiàn)所有的滾動(dòng)效果,太強(qiáng)了
不間斷滾動(dòng)JS打包類,基本可以實(shí)現(xiàn)所有的滾動(dòng)效果,太強(qiáng)了...2007-12-12bootstrap table實(shí)現(xiàn)點(diǎn)擊翻頁(yè)功能 可記錄上下頁(yè)選中的行
這篇文章主要介紹了bootstrap table實(shí)現(xiàn)點(diǎn)擊翻頁(yè)功能,可記錄上下頁(yè)選中的行,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗(yàn)證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09