首頁 >web前端 >js教程 >JS中的內建物件Array詳解

JS中的內建物件Array詳解

小云云原創: 2018-03-29 17:34:481502瀏覽

本文主要和大家分享JS中的內建物件Array詳解，JS的內建物件主要分為四大類：Array String Math Date,我們主要介紹Array，希望能幫助大家。

Array

數組內的每一項都可以保存任意類型的數據，數組的大小可依需求進行調整。

1. 建立

a. 使用建構子:

var colors= new Array( ) 可以時數組時的資料數字，也可為每一項具體的數據，但要注意的是，每一項數據之間用逗號隔開。

b. 陣列字面量表示法

var colors=[1,2,3] 每項資料之間以逗號隔開。

2. 元素的存取與設定

[ ]進行訪問，從0開始。超出數組的長度，傳回值為undefined。

3. 長度

array.length,回傳值為number.

將一個放在超出目前陣列大小的位置上時，系統會自動重新計算陣列的長度，長度值為最後一個索引加一。

4. 遍歷

for(var i=0;i<array.length;i++) {
  console.log(array[i]);
}

5. 陣列中一些常用的方法

a. push( ) arrayObject.push( value1, arrayObject.push( value1,ue2...)

將的括號內value 傳回陣列的新長度

b. unshift( ) arrayObject.unshift(value1,value2 ..... 將陣列的新長度

c. pop ( ) arrayObject.pop( ) 刪除最後一個元素，將刪除的元素

d. shift( )
# e. join( ) arrayObject.join( 分隔符號)

傳回一個字串；分隔符號預設逗號，不寫預設空格。

f. sort( ) arrayObject.sort( )

組元素進行排序，回傳值為陣列

項目都是數字，此方法比較的還是字串，依照字串的順序排序

array.sort( function ( x, y ) {

return x-y; // 順序輸出

return y-x; // 降序输出

})

g. reverse( ) arrayObject.reverse( ) 将数组中的元素颠倒然后输出，返回数组

h. concat( ) arrayObject.concat(数组1，数组2...... ) 连接两个或者多个数组，返回数组

arr3=arr1.concat(arr2) 1连接2然后放到3里面

i. slice( ) arrayObject.slice( start ,end ) 返回数组选定的元素返回值为数组

start:必需，从哪开始，可以是负数，负数+数组的长度就是start

end:可选，截止位置，不写默认到最后一个字符

截取的元素从start开始，到end-1结束

[例题]：var a=[1,'yes',3] b; 请做b对a的复制，方法越多越好

方法一：数组遍历

b=new Array();
for( var i=0;i<a.length;i++)
{
  b.push(a[i]);
}

方法二：使用concat( )

b=[].concat(a);

方法三：使用slice( )

b=a.slice(0);

j. splice( )

f35d6e602fd7d0f0edfa6f7d103c1b57 删除 arrayObject.splice( index,count)

删除从index处开始的count个元素，返回被删除元素的数组，count为0时，不做任何操做，count不设置值时，从index后的所有元素都将被删除。

2cc198a1d5eb0d3eb508d858c9f5cbdb 插入 arrayObject.splice( index,0，value1,value2......)

从index位置插入value的值，返回数组。在索引的后一位插入数据

5bdf4c78156c7953567bb5a0aef2fc53 替换 arrayObject.splice( index,count，value1,value2......)

返回值：从原始数组中删除的数据，没删除返回空数组， count为要删除的项数

k. indexOf( ) arrayObject.indexOf( searchvalue, startIndex)

searchvalue:必需，所要查找的数据

startIndex: 可選，起點的位置，預設為0## 傳回值：number, 傳回尋找的項目在陣列中的位置，找不到回傳-1

l. lastIndexOf( ) 和上一個類似，從陣列的最後一個元素開始找出。

JS中的內建物件Array詳解

Array

相關文章