第203天 js Array物件常用方法

2021-09-02 01:47:38 字數 4382 閱讀 9845

1 //shift:刪除原陣列的第一項,返回刪除元素的值;如果陣列為空則返回undefined

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

3 var out = arr.shift();

4 console.log(arr); //[2,3,4,5]

5 console.log(out); //1

6 var arr = ;

7 var out = arr.shift();

8 console.log(arr); //

9 console.log(out); //undefined

1 //unshift:將引數新增到原陣列開頭,返回陣列的長度(ie6下返回undefined)

2 var arr = [1, 2];

3 var out = arr.unshift(-1, 0);

4 console.log(arr); //[-1,0,1,2]

5 console.log(out); //4

1 //pop:刪除原陣列的最後一項,返回陣列刪除的值;如果陣列為空則返回undefined

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

3 var out = arr.pop();

4 console.log(arr); //[1,2,3,4]

5 console.log(out); //5

6 var arr = ;

7 var out = arr.pop();

8 console.log(arr); //

9 console.log(out); //undefined

1 //push:將引數新增到原陣列的末尾,返回陣列的長度

2 var arr = [1, 2, 3];

3 var out = arr.push(4, 5, 6);

4 console.log(arr); //[1,2,3,4,5,6]

5 console.log(out); //6

1 //concat:返回乙個將引數新增到原陣列中構成的新陣列

2 var arr = [1, 2, 3];

3 var out = arr.concat(4, 5);

4 console.log(arr); //[1,2,3]

5 console.log(out); //[1,2,3,4,5]

1 //splice(start,deletecount,val1,val2,...):從start位置開始刪除原陣列deletecount項,並從該位置起插入val1,val2,...,返回刪除的項組成的新陣列

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

3 var out = arr.splice(2, 2, 7, 8, 9, 10);

4 console.log(arr); //[1,2,7,8,9,10,5]

5 console.log(out); //[3,4]

6 //在清空陣列時僅需傳遞start,如果不刪除所有元素,再傳遞deletecount

7 var arr = [1, 2, 3, 4, 5];

8 var out = arr.splice(2);

9 console.log(arr); //[1,2]

10 console.log(out); //[3,4,5]

11 //同shift

12 var arr = [1, 2, 3, 4, 5];

13 var out = arr.splice(0, 1);

14 console.log(arr); //[2,3,4,5]

15 console.log(out); //[1]

16 //同unshift

17 var arr = [1, 2, 3, 4, 5];

18 var out = arr.splice(0, 0, 22, -1, 0);

19 console.log(arr); //[22,-1,0,1,2,3,4,5]

20 console.log(out); //

21 //同pop

22 var arr = [1, 2, 3, 4, 5];

23 var out = arr.splice(arr.length - 1, 1);

24 console.log(arr); //[1,2,3,4]

25 console.log(out); //[5]

26 //同push

27 var arr = [1, 2, 3, 4, 5];

28 var out = arr.splice(arr.length, 0, 6, 7, 8);

29 console.log(arr); //[1,2,3,4,5,6,7,8]

30 console.log(out); //

1 //reverse:將原陣列倒序

2 var arr = ['a', 1, {}, [2, 3]];

3 console.log(arr); //['a', 1, {}, [2, 3]]

4 var out = arr.reverse();

5 console.log(arr); //[[2,3],{},1,'a']

6 console.log(out); //[[2,3],{},1,'a']

7 var arr = [0, 1, 5, 10, 15];

8 arr.reverse();

9 console.log(arr); //[15,10,5,1,0]

10 var arr = [1, 0, 5, 15, 10];

11 arr.reverse();

12 console.log(arr); //[10,15,5,0,1]

1 //sort(orderfunction):sort()為公升序排列,但是先呼叫每個陣列項的tostring()方法,然後比較字串來排序,是按ascii進行比較的;

2 //所以跟reverse不同原理不同。sort()不帶引數的時候是從字面上對陣列排序

3 var arr = [0, 1, 5, 10, 15];

4 arr.sort();

5 console.log(arr); //0,1,10,15,5 ,注意這裡是字串按ascii進行比較的

6 //呼叫這樣的函式就按數值方式排列了

7 function sortnumber(a, b)

10 arr.sort(sortnumber);

11 console.log(arr); //0,1,5,10,15

1 //slice(start,end):返回從原陣列中指定start到end(不包含該元素)之間的項組成的新陣列,如只有乙個引數,則從start到陣列末尾

2 var arr = [1, 2, 3, 4, 5, 6, 7, 8];

3 var out = arr.slice(2,3);

4 console.log(arr); //[1, 2, 3, 4, 5, 6, 7, 8]

5 console.log(out); //[3]

1 //join(separator):將陣列的元素組成乙個字串,以separator為分隔符,省略的話則用預設用逗號為分隔符

2 var arr = [1, 2, 3, 4, 5, 6];

3 var out = arr.join();

4 console.log(arr); //[1, 2, 3, 4, 5, 6]

5 console.log(out); //1,2,3,4,5,6

6 out = arr.join("");

7 console.log(out); //123456

8 out = arr.join("&");

9 console.log(out); //1&2&3&4&5&6

第30天 DOM物件操作

js包括三部分 ecmascript dom 文件物件 bom 瀏覽器物件 一 dom 文件物件 dom樹 節點 元素 屬性 標籤 標記等都是節點 二 訪問節點 documment.getelementbyid documment.getelementsbytagname documment.get...

第2天 物件導向概述

物件導向程式設計 物件 實現資料和操作 狀態和行為 的結合。優點 模組化 資訊隱藏 重用 易擴充套件和除錯 類 物件的抽象表示,物件是類的具體化。類是一種資料型別。類和物件的關係類似整數和1 2 3。物件導向的基本特徵 封裝 繼承 多型。繼承 介面 包 六種uml圖 用例圖 靜態圖 類圖 物件圖和包...

第30天 DOM物件操作

js包括三部分 ecmascript dom 文件物件 bom 瀏覽器物件 一 dom 文件物件 dom樹 節點 元素 屬性 標籤 標記等都是節點 二 訪問節點 documment.getelementbyid documment.getelementsbytagname documment.get...