js中反轉陣列方法 JS陣列中方法使用大全!!!

2021-10-18 08:12:38 字數 3432 閱讀 7358

今天學到了陣列的使用方法 ,給大家分享一下!

陣列源於五種型別undefined、null、boolean、number和string。

object型別 *array型別 *date型別 *regexp型別 *function型別

基本包裝型別:boolean型別、number型別和string型別

單體內建物件:global物件、math物件。

首先建立乙個陣列

var aa = new array()

var aa = array(1,2ww,3,4,5)//陣列

console.log(aa)

資料的length屬性

(不是唯讀的,通過這個屬性,可以從陣列的末尾新增或刪除)

var a = ['red','baclk','green'];

a.length = 5, //只有第乙個,刪除或增加

a[4]='aaa' //新增新專案

console.log(a)

length-1 = 陣列最後一項的值始終是length-1 就是為了求這個陣列的下標

檢測陣列

檢測陣列有兩種方式

var aa = [1,2,3,4,5]

console.log(aa instanceof array); //true 第一種方法 是陣列

console.log(array.isarray(aa)); //true 第二種方法是陣列

陣列的轉換方式

var brr = [1,2,3,'aa','bb',66];

console.log(brr.tostring());// 轉換為字串

console.log(brr instanceof array);//檢測為陣列

console.log(brr.valueof())//返回值還是陣列

console.log(brr.tolocalestring()) //返回字串

console.log(brr.join('=='))//不加 引數預設 以,逗號分隔

棧方法棧是一種lifo(後進先出)的資料結構,也就是最新新增的項最早被移出

·push()方法:接收任意數量的引數,把它們逐個新增到陣列末尾,並返回修改後陣列的長度。

·pop()方法:從陣列的末尾移除最後一項,減少陣列的length值,然後返回被移除的項。

var aa = [1,2,3,4,5];

console.log(aa.push(6));//返回陣列的長度=6

console.log(aa);//在末尾增加陣列 結果為1 2 3 4 5 6

console.log(aa.pop(1))// 移除末尾的最後一項 返回被移除的項 = 6

console.log(aa) //在末尾減少陣列 結果為1 2 3 4 5

佇列方法

佇列資料結構的訪問規則是fifo(先進先出)。

unshift()

var aa = [1,2,3,4,5]

// console.log(aa.unshift(3,5,8)); //列印出來返回的是新陣列 = 8

console.log(aa); //前端新增新數 3 5 8 12345

shift():從陣列的前端移除第一項(也就是位置索引值為0),減少陣列的length,值然後返回被移除的項

例:console.log(aa.shift()); //移除第一項 返回值為 3

重排序方法

reverse():反轉陣列項的順序

例:var aa = [1,2,3,4,5]

console.log(aa.reverse()) 反轉結果=5,4,3,2,1

// sort()排序:

例:var aa = [1,23,42,3,5,4,]

console.log(aa.sort()) //結果為1,23,3,4,42,5 比較第一位數

console.log(aa.sort(function(a,b){

return a-b//從小到大排序 1 3 4 5 23 42公升序

return b-a//從大到小排序 42 23 5 4 3 1 降序

操作方法

·concat()方法可以基於當前陣列建立乙個新陣列,連線兩個或兩個以上的陣列。

例:var a = [1];

var b = [2];

var c = [5,7,8]

console.log(a.concat(2)) //連線後結果為 [1,2]

console.log(a.concat(b,c)) //連線後結果為[1,2,5,7,8]連線多個

slice():方法可提取字串或者陣列的某個部分, 並以新的字串或陣列返回被提取的部分

例:var aa = [1,2,3,4,5,6,7,8];

console.log(aa.slice(2,4)) 返回被提取的值 3,4 (2是下標開始 4是結束 提取結束前乙個數)

splice():方法用於插入、刪除或替換陣列的元素 splice(start(從哪開始刪),howmany(刪多少) 新元素1,新元素2,)刪除 插入 替換

例:var aa = [1,2,3,4,5,6,7,8];

console.log(aa.splice(2,4)) //從第二個開始刪 刪四個 結果為[3,4,5,6]

console.log(aa)// 改變新陣列 結果為1 2 7 8

console.log(aa.splice(2,4,'666')) //增加新元素 從第二個開始

console.log(aa) //結果 為1 2 『666』 7 8

位置方法

·indexof():返回某個指定的字串值或者某個陣列元素值在字串或者陣列中首次出現的位置

例:var arr = ['a','b','c','d','a','c','b']

console.log(arr.indexof('a',3))//從第三個開始找a 找到a後從前往後數下標 結果是4

indexof();傳入要找的項,找到返回下標,找不到返回-1

·lastindexof():返回乙個指定的字串值最後出現的位置,在乙個字串中的指定位置從後向前搜尋

例:console.log(arr.lastindexof('a',-4))//從後往前找 從-4往前找a 找到後從前往後數下標 結果為0

迭代方法

es5為陣列定義了5個迭代的方法。

·every()

對陣列的每一項執行給函式,如果每一項都返回true,那就返回true

some()

對陣列的每一項給定函式,如果裡面有一項返回true 那就返回true

filter()

對陣列的每一項給定函式,他會返回函式返回true的項組成的陣列

map()

對陣列的每一項給定函式,返回每次函式呼叫的結果組成的陣列

foreach()

對陣列的每一項給定函式,這個沒有返回值 給了return也沒用!

js類陣列轉陣列方法(偏小白)

類陣列 類似於乙個陣列的物件 是相當於乙個物件,裡面有陣列的值以及相應的屬性 length 類陣列本質上是乙個物件,使用物件模擬出來的乙個陣列,它用陣列下標作為物件屬性的鍵,陣列元素作為物件各字段的值。另外,類陣列物件還有乙個length屬性。除此之外不再有其它像push pop等陣列屬性和方法。v...

js陣列方法

array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串,原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...

JS陣列方法

tostring var ary 1,2,3,4,5,6 var str ary.tostring console.log str console.log typeof str push 陣列尾部新增陣列 pop 從陣列尾部刪除乙個元素 unshift 在陣列的第乙個元素前面插入乙個或多個元素 sh...