JavaScript 之面向?qū)ο?[ Array類型 ]

stormjun 發(fā)布于2019-08-26 12:17 / 3427人閱讀

摘要：類型描述數(shù)組是可以存儲(chǔ)一個(gè)或多個(gè)數(shù)據(jù)的有序集合檢測數(shù)組表示檢測指定的目標(biāo)是否為數(shù)組定義一個(gè)數(shù)組顯示判斷該數(shù)組是否為引用類型顯示方法用于判斷當(dāng)前對(duì)象的數(shù)據(jù)類型該方法可以判斷任何類型定義一個(gè)數(shù)組顯示顯示判斷類型顯示方法該方法是繼承于用于判斷指

Array類型 描述

數(shù)組 - 是可以存儲(chǔ)一個(gè)或多個(gè)數(shù)據(jù)的有序集合

檢測數(shù)組

表示檢測指定的目標(biāo)是否為數(shù)組

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5 ]
/* 判斷該數(shù)組是否為引用類型 */
console.log( arr instanceof Array );// 顯示 true

Object.prototype.toSring.call()方法

用于判斷當(dāng)前對(duì)象的數(shù)據(jù)類型

該方法可以判斷任何類型

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5 ]
console.log( Object.prototype.toString.call( arr ) );// 顯示 [object Array]
/* 判斷Number類型 */
console.log( Object.prototype.toString.call( 100 ) );// 顯示 [object Number]

Array.prototype.isPrototypeOf()方法

該方法是繼承于 Object

用于判斷指定的類型是否出現(xiàn)在當(dāng)前對(duì)象的原型鏈中

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5 ]
console.log( Array.prototype.isPrototypeOf( arr ) );// 顯示 true

Array.isArray()方法

判斷當(dāng)前對(duì)象是否為數(shù)組

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5 ]
console.log( Array.isArray( arr ) );// 顯示 true

轉(zhuǎn)換數(shù)組

toString()方法 - 表示將指定目標(biāo)轉(zhuǎn)換成字符串類型

valueof()方法 - 表示返回指定目標(biāo)的原始值

原始值 - 使用字面量方式定義出的數(shù)據(jù)值

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5 ]

/* toString()方法 */
console.log( arr.toString() );// 顯示 1,2,3,4,5
/* valueof()方法 */
console.log( arr.valueOf() );// 顯示 [ 1, 2, 3, 4, 5 ]

進(jìn)出棧方法 push()方法和 pop()方法

push()方法 - 表示在指定數(shù)組的最后面添加一個(gè)或多個(gè)元素

pop()方法 - 表示對(duì)指定數(shù)組中的最后一個(gè)元素進(jìn)行刪除

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5 ]

/* 通過push()方法進(jìn)行添加 */
arr.push( 6 );
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5, 6 ]
/* 通過pop()方法進(jìn)行刪除 */
arr.pop();
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5 ]

unshift()方法和 shift()方法

unshift()方法 - 表示在指定數(shù)組的最前面添加一個(gè)或多個(gè)元素

shift()方法 - 表示對(duì)指定數(shù)組中第一個(gè)元素進(jìn)行刪除

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5 ]
/* 通過unshift()方法進(jìn)行添加 */
arr.unshift( 7, 8 );
console.log( arr ); // 顯示 [ 7, 8, 1, 2, 3, 4, 5 ]
/* 通過shift()方法進(jìn)行刪除 */
arr.shift();
console.log( arr );// 顯示 [ 8, 1, 2, 3, 4, 5 ]

排序方法

表示對(duì)數(shù)組的排列方式進(jìn)行設(shè)置

reverse()方法

表示將元素從大小進(jìn)行排序

sort()方法

表示將元素先轉(zhuǎn)換成 Unicode碼在根據(jù) Unicode碼進(jìn)行排序

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
/* 默認(rèn)排序 */
console.log( arr );// 顯示 [ 1, 2, 3, 4, 5 ]

/* reverse()方法的排序 */
console.log( arr.reverse() );// 顯示 [ 5, 4, 3, 2, 1 ]

/* sort()方法的排序 */
console.log( arr.sort() );// 顯示 [ 1, 2, 3, 4, 5 ]

連接方法

concat()方法

表示將兩個(gè)或多個(gè)數(shù)組中的元素進(jìn)行連接，顯示在一個(gè)數(shù)組中

/* 定義一個(gè)數(shù)組 */
var arr1 = [1,2,3,4,5];
console.log( arr1 );// 顯示 [ 1, 2, 3, 4, 5 ]
/* 定義另一個(gè)數(shù)組 */
var arr2 = [6,7,8,9];
console.log( arr2 );// 顯示 [ 6, 7, 8, 9 ]
/* 通過concat()方法將兩個(gè)數(shù)組進(jìn)行拼接 */
console.log( arr1.concat( arr2 ) );// 顯示 [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

操作方法

表示對(duì)數(shù)組進(jìn)行的一系類操作

比如刪除、插入、替換、等等...

splice()方法

表示對(duì)數(shù)組進(jìn)行添加或刪除元素

刪除元素

第一個(gè)參數(shù) - 表示刪除元素的開始位置（索引值）

第二個(gè)參數(shù) - 表示刪除元素的個(gè)數(shù)

該方法的返回值 - 將刪除的元素組成新的數(shù)組進(jìn)行返回

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [1,2,3,4,5]
/* 將方法的返回值賦值給一個(gè)變量 */
var s1 = arr.splice( 0, 5 );
/* 顯示刪除的元素?cái)?shù)據(jù) */
console.log( s1 );// 顯示 [ 1, 2, 3, 4, 5 ]
/* 顯示刪除后數(shù)組 */
console.log( arr );// 顯示 []

添加元素

第一個(gè)參數(shù) - 表示添加元素的位置

第二個(gè)參數(shù) - 表示刪除元素的個(gè)數(shù)

第三個(gè)參數(shù) - 表示添加的元素（添加的元素可以是多個(gè)）

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [1,2,3,4,5]
/* 將方法的返回值賦值給一個(gè)變量 */
var s2 = arr.splice( 0, 0, 6,7,8 );
/* 顯示刪除的元素?cái)?shù)據(jù) */
console.log( s2 );// 顯示 []
/* 顯示添加元素的位置 */
console.log( arr );// 顯示 [ 6, 7, 8, 1, 2, 3, 4, 5 ]

slice()方法

表示對(duì)指定數(shù)組中的元素進(jìn)行截取

參數(shù)

第一個(gè)參數(shù) - 表示開始截取的位置（默認(rèn)從 0（索引值）開始）

第二個(gè)參數(shù) - 表示結(jié)束截取的位置（默認(rèn)到數(shù)組最后的位置）

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,5];
console.log( arr );// 顯示 [1,2,3,4,5]
/* 將方法的返回值賦值給一個(gè)變量 */
var s3 = arr.slice( 3, 4 );
/* 顯示截取的元素 */
console.log( s3 );// 顯示 [ 4 ]

檢測方法

表示檢測目標(biāo)數(shù)組中是否存在指定元素

indexOf()方法

表示從左到右的順序進(jìn)行檢測

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,2,5,6];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 2, 5, 6 ]

/* 通過indexOf()方法進(jìn)行檢測 */
console.log( arr.indexOf( 2 ) );// 顯示 1（索引值）

lastIndexOf()方法

表示從右到左的順序進(jìn)行檢測

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,2,5,6];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 2, 5, 6 ]
/* 通過lastIndexOf()方法進(jìn)行檢測 */
console.log( arr.lastIndexOf( 2 ) );// 顯示 4（索引值）

檢測的目標(biāo)不存在時(shí)

以上兩種方法只能匹配到第一個(gè)與目標(biāo)元素相同的元素，并顯示位置信息

如果指定數(shù)組中存在多個(gè)相同元素?cái)?shù)據(jù)，只會(huì)找到第一個(gè)，剩下的將不會(huì)再去查找

如果需要檢測的元素不存在會(huì)顯示 -1（固定寫法）

/* 定義一個(gè)數(shù)組 */
var arr = [1,2,3,4,2,5,6];
console.log( arr );// 顯示 [ 1, 2, 3, 4, 2, 5, 6 ]
/* 檢測的目標(biāo)不存在時(shí) */
console.log( arr.indexOf( 8 ) );// 顯示 -1