[TOC]
>[info]Arr 對象用于處理數組。
>對象是帶有屬性和方法的特殊數據類型。數組也是一種對象,數組對象有相關的屬性和方法。下面為大家講解一些常用的方法。下面列舉一些范例。
## length 屬性
>[info]length 屬性可設置或返回數組中元素的數目。
~~~
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "John"
arr[1] = "Andy"
arr[2] = "Wendy"
document.write("Original length: " + arr.length)
document.write("<br />")
arr.length=5
document.write("New length: " + arr.length)
</script>
~~~
輸出
~~~
Original length: 3
New length: 5
~~~
## push() 方法
>[info]push() 方法可向數組的末尾添加一個或多個元素,并返回新的長度。
~~~
<script type="text/javascript">
arrayObject.push(newelement1,newelement2,....,newelementX)
</script>
~~~
## unshift() 方法
>[info]unshift() 方法可向數組的開頭添加一個或更多元素,并返回新的長度。
~~~
<script type="text/javascript">
arrayObject.unshift(newelement1,newelement2,....,newelementX)
</script>
~~~
## pop() 方法
>[info]pop() 方法用于刪除并返回數組的最后一個元素。
~~~
<script type="text/javascript">
arrayObject.pop()
</script>
~~~
## shift() 方法
>[info]shift() 方法用于把數組的第一個元素從其中刪除,并返回第一個元素的值。
~~~
<script type="text/javascript">
arrayObject.shift()
</script>
~~~
## splice() 方法
>[danger]splice() 方法向/從數組中添加/刪除項目,然后返回被刪除的項目。注釋:該方法會改變原始數組。
~~~
<script type="text/javascript">
arrayObject.splice(index,howmany,item1,.....,itemX)
</script>
~~~
<table class="dataintable">
<tbody>
<tr>
<th style="width:25%;">
參數
</th>
<th>
描述
</th>
</tr>
<tr>
<td>
index
</td>
<td>
必需。整數,規定添加/刪除項目的位置,使用負數可從數組結尾處規定位置。
</td>
</tr>
<tr>
<td>
howmany
</td>
<td>
必需。要刪除的項目數量。如果設置為 0,則不會刪除項目。
</td>
</tr>
<tr>
<td>
item1, ..., itemX
</td>
<td>
可選。向數組添加的新項目。
</td>
</tr>
</tbody>
</table>
在本例中我們將刪除位于 index 2 的元素,并添加一個新元素來替代被刪除的元素:
~~~
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,1,"William")
document.write(arr)
</script>
~~~
~~~
George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin
~~~
## slice() 方法
>[info]slice() 方法可從已有的數組中返回選定的元素。
~~~
<script type="text/javascript">
arrayObject.slice(start,end)
</script>
~~~
<table class="dataintable">
<tbody>
<tr>
<th class="no_wrap">
參數
</th>
<th>
描述
</th>
</tr>
<tr>
<td>
start
</td>
<td>
必需。規定從何處開始選取。如果是負數,那么它規定從數組尾部開始算起的位置。也就是說,-1 指最后一個元素,-2 指倒數第二個元素,以此類推。
</td>
</tr>
<tr>
<td>
end
</td>
<td>
可選。規定從何處結束選取。該參數是數組片斷結束處的數組下標。如果沒有指定該參數,那么切分的數組包含從 start 到數組結束的所有元素。如果這個參數是負數,那么它規定的是從數組尾部開始算起的元素。
</td>
</tr>
</tbody>
</table>
在本例中,我們將創建一個新數組,然后顯示從其中選取的元素:
~~~
<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)
</script>
~~~
~~~
George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin
~~~
## join() 方法
>[info]join() 方法用于把數組中的所有元素放入一個字符串。元素是通過指定的分隔符進行分隔的。
~~~
<script type="text/javascript">
arrayObject.join(separator)
</script>
~~~
<table class="dataintable">
<tbody>
<tr>
<th>
參數
</th>
<th>
描述
</th>
</tr>
<tr>
<td>
separator
</td>
<td>
可選。指定要使用的分隔符。如果省略該參數,則使用逗號作為分隔符。
</td>
</tr>
</tbody>
</table>
## concat() 方法
>[info]concat() 方法用于連接兩個或多個數組,該方法不會改變現有的數組,而僅僅會返回被連接數組的一個副本。
~~~
<script type="text/javascript">
arrayObject.concat(arrayX,arrayX,......,arrayX)
</script>
~~~
<table class="dataintable">
<tbody>
<tr>
<th>
參數
</th>
<th>
描述
</th>
</tr>
<tr>
<td>
arrayX
</td>
<td>
必需。該參數可以是具體的值,也可以是數組對象。可以是任意多個。
</td>
</tr>
</tbody>
</table>
## 數組對象的方法
<table class="dataintable">
<tbody>
<tr>
<th style="width:25%">
方法
</th>
<th>
描述
</th>
</tr>
<tr>
<td>
<a>
concat()
</a>
</td>
<td>
連接兩個或更多的數組,并返回結果。
</td>
</tr>
<tr>
<td>
<a>
join()
</a>
</td>
<td>
把數組的所有元素放入一個字符串。元素通過指定的分隔符進行分隔。
</td>
</tr>
<tr>
<td>
<a>
pop()
</a>
</td>
<td>
刪除并返回數組的最后一個元素
</td>
</tr>
<tr>
<td>
<a>
push()
</a>
</td>
<td>
向數組的末尾添加一個或更多元素,并返回新的長度。
</td>
</tr>
<tr>
<td>
<a>
reverse()
</a>
</td>
<td>
顛倒數組中元素的順序。
</td>
</tr>
<tr>
<td>
<a>
shift()
</a>
</td>
<td>
刪除并返回數組的第一個元素
</td>
</tr>
<tr>
<td>
<a>
slice()
</a>
</td>
<td>
從某個已有的數組返回選定的元素
</td>
</tr>
<tr>
<td>
<a>
sort()
</a>
</td>
<td>
對數組的元素進行排序
</td>
</tr>
<tr>
<td>
<a>
splice()
</a>
</td>
<td>
刪除元素,并向數組添加新元素。
</td>
</tr>
<tr>
<td>
<a>
toSource()
</a>
</td>
<td>
返回該對象的源代碼。
</td>
</tr>
<tr>
<td>
<a>
toString()
</a>
</td>
<td>
把數組轉換為字符串,并返回結果。
</td>
</tr>
<tr>
<td>
<a>
toLocaleString()
</a>
</td>
<td>
把數組轉換為本地數組,并返回結果。
</td>
</tr>
<tr>
<td>
<a>
unshift()
</a>
</td>
<td>
向數組的開頭添加一個或更多元素,并返回新的長度。
</td>
</tr>
<tr>
<td>
<a>
valueOf()
</a>
</td>
<td>
返回數組對象的原始值
</td>
</tr>
</tbody>
</table>
>[info]自定義一個函數(刪除數組的重復元素)
自定義一個函數(對數組中的元素排序)
- 序言
- 第一章:準備工作
- 寫在學習之前的話
- web應用開發結構
- 開發工具/環境
- 第二章:展現層面(HTML/CSS)
- HTML簡介
- HTML基礎
- HTML編碼
- HTML鏈接
- HTML圖像
- HTML列表
- HTML表單
- HTML表格(分水嶺)
- HTML 實體
- HTML框架
- CSS層疊樣式表
- CSS選擇器
- CSS文本/字體
- CSS繼承和疊加
- CSS框模型
- CSS浮動(分水嶺)
- CSS定位
- CSS背景
- CSS圖標字體
- CSS補充
- 開發技巧
- 第三章:展現層面(Javascript)
- JS簡介
- JS實現
- JS輸出交互
- JS變量
- JS數據類型
- JS運算符
- JS流程控制(分水嶺)
- JS函數
- JS數組
- JS對象(分水嶺)
- JS數組對象
- JS字符串對象
- JS數學對象
- JS日期對象
- JS BOM對象(分水嶺)
- JS DOM對象
- JS事件對象
- JS元素對象
- JS DOM節點
- 第四章:展現層面(Jquery)
- JQ簡介
- JQ使用
- JQ選擇器
- JQ篩選
- JQ屬性
- JQ-CSS
- JQ事件
- JQ文檔處理
- JQ效果
- JQ-ajax
- 第五章:邏輯/業務層面(PHP)
- PHP簡介
- PHP變量
- PHP數據類型
- PHP常量
- PHP運算符
- PHP流程控制
- PHP函數(分水嶺)
- PHP日期
- PHP數學
- PHP數組
- PHP字符串
- PHP正則表達式(分水嶺)
- PHP目錄操作
- PHP文件
- PHP上傳/下載
- PHP面向對象(分水嶺)
- PHP圖像處理
- PHP會話控制
- Ajax異步處理
- PHPMysql擴展
- PHPMysqli擴展
- PHPPdo擴展
- PHP接口
- PHP命名空間
- 第六章:邏輯/業務層面(框架設計)
- 第七章:存儲層面(mysql)
- Mysql基礎
- Mysql Sql簡介
- Mysql數據庫
- Mysql數據類型
- Mysql數據表
- Mysql操作記錄
- Mysql查詢
- Mysql修改表結構
- Mysql日期與時間
- Mysql分組統計
- Mysql多表查詢
- Mysql安全
- Mysql存儲引擎
- Mysql事務
- Mysql視圖
- Mysql觸發器
- Mysql存儲過程
- Mysql存儲函數
- Mysql優化
- 第八章:服務器(Linux)
- Linux介紹與安裝
- Shell
- 目錄與文件操作
- VIM編輯器使用
- 帳號管理
- SUDO
- 權限控制
- 壓縮與打包
- 軟件安裝
- 計劃任務
- 進程管理
- 寶塔Linux面板