javascript 數組操作實用技巧

2019-11-21 01:09:10

字體：大中小

來源：轉載

供稿：網友

1、concat方法
[作用] 將多個數組聯合起來，這個方法不會改變現存的數組，它只返回了所結合數組的一份拷貝。
[語法] arrayObj.concat(array1,array2,...)
[實例]

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

2、join方法，
[作用] 將原有數組對象轉換成1個字符串，可以用指定分隔符進行串聯。
[語法] arrayObj.join(separator)，separator為分隔符，默認為“,”。
[實例]

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

3、pop、shift方法
[作用] pop方法刪除和返回數組中最后一個元素，同時，數組的長度發生變化。與之相對的是shift()方法，刪除和返回數組第一個元素。
[語法] arrayObj.pop|shift()
[實例]

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

4、push、unshift方法
[作用] 向數組的末尾添加一個或多個元素并且返回新的長度。同時，數組的長度將會被改變，與之相對應的是unshift方法。注意，方法的返回值并不是新的數組，而是新數組的長度。
[語法] arrayObj.push|unshift(ele1,ele2,ele3,...)
[實例]

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

5、reverse方法
[作用] 把數組中的元素排列次序顛倒過來。
[語法] arrayObj.reverse()
[實例]

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

6、slice方法
[作用] 可將現存數組中選種的元素返回。
[語法] arrayObj.slice(startposition,endposition)，第一個參數為必選，第二個為可選，如不寫，則默認為從startposition到最后一個元素。注意，包含startposition這個位置的元素，而不包括endposition。
[實例]

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

7、sort方法
[作用] 用來對數組元素進行排序。
[語法] arrayObj.sort(sortRule())。參數可選，代表排序的方法。特別說明，sort排序有幾個基本原則，第一，默認按照字母順序排列；第二，大寫字母排在小寫字母之前。基與此，對于數字排序，需要自己寫排序方法。
[實例]

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

8、splice方法
[作用] 向數組刪除并加入新的元素。
[語法] arrayObj.splice(index,number,ele1,ele2...)。index為索引位置，必須為數字，代表從哪個位置插入或者刪除元素。number，代表從index位置往后刪除的元素個數，如果為“0”則表示在index插入新元素，不刪除往后的數組元素。（說得太混了~~~直接看代碼實例）
[實例]

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

9、toString方法
[作用] 使用率非常高的方法，直接將數組類型對象轉換成字符串類型對象。
[語法] arrayObj.toString()
[實例]

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

注意：新的字符串是原數組連接而成，但是中間有“,”分隔，如想去掉“,”，可以這樣寫：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：JavaScript 函數調用規則

下一篇：用JS寫的簡單的計算器實現代碼