javascript 數(shù)組操作實用技巧
更新時間:2009年09月14日 12:48:38 作者:
數(shù)組和字符串類型對象的方法我特容易搞混淆,所以把他列出來,免得每次取查。
1、concat方法
[作用] 將多個數(shù)組聯(lián)合起來,這個方法不會改變現(xiàn)存的數(shù)組,它只返回了所結(jié)合數(shù)組的一份拷貝。
[語法] arrayObj.concat(array1,array2,...)
[實例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
2、join方法,
[作用] 將原有數(shù)組對象轉(zhuǎn)換成1個字符串,可以用指定分隔符進行串聯(lián)。
[語法] arrayObj.join(separator),separator為分隔符,默認為“,”。
[實例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
3、pop、shift方法
[作用] pop方法刪除和返回數(shù)組中最后一個元素,同時,數(shù)組的長度發(fā)生變化。與之相對的是shift()方法,刪除和返回數(shù)組第一個元素。
[語法] arrayObj.pop|shift()
[實例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
4、push、unshift方法
[作用] 向數(shù)組的末尾添加一個或多個元素并且返回新的長度。同時,數(shù)組的長度將會被改變,與之相對應(yīng)的是unshift方法。注意,方法的返回值并不是新的數(shù)組,而是新數(shù)組的長度。
[語法] arrayObj.push|unshift(ele1,ele2,ele3,...)
[實例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
5、reverse方法
[作用] 把數(shù)組中的元素排列次序顛倒過來。
[語法] arrayObj.reverse()
[實例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
6、slice方法
[作用] 可將現(xiàn)存數(shù)組中選種的元素返回。
[語法] arrayObj.slice(startposition,endposition),第一個參數(shù)為必選,第二個為可選,如不寫,則默認為從startposition到最后一個元素。注意,包含startposition這個位置的元素,而不包括endposition。
[實例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
7、sort方法
[作用] 用來對數(shù)組元素進行排序。
[語法] arrayObj.sort(sortRule())。參數(shù)可選,代表排序的方法。特別說明,sort排序有幾個基本原則,第一,默認按照字母順序排列;第二,大寫字母排在小寫字母之前?;c此,對于數(shù)字排序,需要自己寫排序方法。
[實例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
8、splice方法
[作用] 向數(shù)組刪除并加入新的元素。
[語法] arrayObj.splice(index,number,ele1,ele2...)。index為索引位置,必須為數(shù)字,代表從哪個位置插入或者刪除元素。number,代表從index位置往后刪除的元素個數(shù),如果為“0”則表示在index插入新元素,不刪除往后的數(shù)組元素。(說得太混了~~~直接看代碼實例)
[實例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
9、toString方法
[作用] 使用率非常高的方法,直接將數(shù)組類型對象轉(zhuǎn)換成字符串類型對象。
[語法] arrayObj.toString()
[實例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
注意:新的字符串是原數(shù)組連接而成,但是中間有“,”分隔,如想去掉“,”,可以這樣寫:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
基于JavaScript的數(shù)據(jù)結(jié)構(gòu)隊列動畫實現(xiàn)示例解析
這篇文章主要介紹了基于JavaScript的數(shù)據(jù)結(jié)構(gòu)隊列動畫實現(xiàn)示例解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-08-08JavaScript無提示關(guān)閉窗口(兼容IE/Firefox/Chrome)
JavaScript無提示關(guān)閉當前頁面窗口,兼容IE/Firefox/Chrome (Close the current page window without confirm by JavaScript, support all browsers)2008-11-11原生JS實現(xiàn)的多個彩色小球跟隨鼠標移動動畫效果示例
這篇文章主要介紹了原生JS實現(xiàn)的多個彩色小球跟隨鼠標移動動畫效果,涉及javascript事件響應(yīng)、頁面元素屬性動態(tài)修改及隨機數(shù)應(yīng)用等相關(guān)操作技巧,需要的朋友可以參考下2018-02-02JavaScript html5 canvas畫布中刪除一個塊區(qū)域的方法
這篇文章主要介紹了JavaScript html5 canvas畫布中刪除一個塊區(qū)域的方法,涉及JavaScript結(jié)合html5操作canvas畫布圖形繪制的技巧,需要的朋友可以參考下2016-01-01