陣列操作方法(包括es5)

2022-05-16 09:05:38 字數 3882 閱讀 6238

1

//push();23

方法:push();

4語法:陣列.push(新元素1,新元素2,....,新元素x)

5返回值:把指定的值新增到陣列後的新長度。

6原陣列:已經改變。78

//pop();

9定義:用於刪除並返回陣列的最後乙個元素。

10語法:陣列.pop();

11返回值:陣列的最後乙個元素。

12說明:pop()方法將刪除陣列的最後乙個元素,把陣列的長度減1,並且返回它刪除的元素的值。如果陣列已經為空,則陣列不改變原陣列,並返回undefined。

13原陣列:已經改變。

1415

//shift();

16定義:用於把陣列的第乙個元素刪除,並返回這個元素。

17語法:陣列.shift()

18返回值: 陣列原理的第乙個元素的值。

19說明:如果陣列是空的,那麼shift方法將不進行任何操作,並返回undefined。請注意該方法不建立新陣列,而是修改原來的陣列。

20原陣列:已經改變。

2122

//unshift;

23定義:可向陣列的開頭新增乙個或者多個元素,並返回新的長度。

24語法:陣列.unshift(新元素1,新元素2,....,新元素x)

25返回值:陣列的新長度。

26說明:unshift()方法將它們的引數插入陣列的頭部。請注意,unshift()方法不建立新的陣列,而是修改原來的陣列。

27原陣列:已經改變。

2829

//sort();

30定義:用來給陣列排序。

31語法:陣列.sort(排序規則的函式);

32返回值:對陣列的引用,請注意,陣列在原陣列上進行排序,不生產副本。

33說明:如果呼叫該方法時沒有使用引數,將按字母順序對陣列中的元素進行排序,說的更加準備點,是按照字元編碼的順序進行排序。

34如果想按照其他標準進行排序,就需要提供比較函式,該函式要比較2個位,然後返回乙個用於說明這兩個值得相對順序的數字,比較函式應該具有兩個引數a和b,若a大於b,則從小到大排序,否則從大到小排序。

35原陣列:已經改變。

3637

//es5中新增的陣列操作方法:

38//

indexof();//裡面有兩個引數 第乙個是要查詢的內容,第二個是查詢的起點下標。

39定義:可以返回指定的元素在陣列中首次出現的位置的(下標)。

40 語法:var arr = [2,4,6,7];

41 arr.indexof(4); //

142 arr.indexof(3); //

-143 返回值:返回查詢內容的下標,如果查詢不到返回乙個-1。

44原陣列:未發生改變。

4546

//lastindexof();

47定義:從尾部可以返回指定的元素在陣列中首次出現的位置的(下標)。

48 語法:var arr = [2,4,6,7];

49 arr.lastindexof(4); //

150 arr.lastiindexof(3); //

-151 返回值:返回查詢內容的下標,如果查詢不到返回乙個-1;

52原陣列:未發生改變。

5354 foreach(): //

引數有value,index,arr

55定義:對陣列中的每一項執行給定函式,作用是對陣列進行遍歷、迴圈。

56 語法:var arr = [3, 5, 8];

57var col = arr.foreach(function

(value, index));

61console.log(arr);

62 console.log(col); //

undefined

63//

foreach只做迴圈,本身沒有返回值

64返回值:沒有返回值。

65原陣列:不改變,產生乙個新陣列。

6667

//map();對映

68定義:對映

69 語法:map()遍歷—>操作—>返回

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

71var newarr = arr.map(function

(item, index, array))

74 console.log( arr ); //

[1, 2, 3, 4, 5]

75 console.log( newarr ); //

[3, 4, 5, 6, 7]

7677

返回值:乙個新的陣列。

78原陣列:未改變,產生乙個新的陣列。

7980

//every()每乙個;

81定義:陣列中的元素,每一項都返回真,最終的結果就為真。

82 語法:var arr = [1, 2, 3, 4, 5];

83var b = arr.every(function

(item));

86 console.log( arr ); //

[1, 2, 3, 4, 5]

87 console.log( b ); //

false

88返回值:根據條件返回乙個布林值。true或者false。

89原陣列:未改變。

90//

some一些;

91定義:陣列中的元素,只要有一項返回真,最終的結果就為真。

92語法:some() 某些

93陣列中的元素,只要有一項返回真,最終的結果就為真。

9495

var arr = ["yt","hr","wc","jk"];

96var b = arr.some(function

(item))

100 console.log( arr ); //

["yt","hr","wc","jk"]

101 console.log( b ); //

true

102返回值:根據條件返回乙個布林值。

103原陣列:未改變。

104105

//filter()過濾;

106定義:符合返回值得都將被篩選出。

107 語法:var arr = [88,69,92,77,90,96,98,99];

108var newarr = arr.filter(function

(item, index, array));

111 console.log( arr ); //

[88, 69, 92, 77, 90, 96, 98, 99]

112 console.log( newarr ); //

[88, 92, 90, 96, 98, 99]

113返回值:返回乙個經過過濾的新陣列。

114原陣列:未改變,產生乙個新陣列。

115116

//reduce()歸併;

117定義:對陣列迴圈每一次迴圈時,取兩個相鄰元素。

118 語法:var arr = [1,2,3,4]; //

reduce 對陣列的迴圈(每一次迴圈時,取兩個相鄰元素)

119var num = arr.reduce(function

(pre, next, index, array))

127 console.log( arr ); //

[1,2,3,4]

128 console.log( num ); //

10

129返回值:返回陣列內的和或者其他。

130 原陣列:未發生改變。

ES5 陣列方法

foreach 方法從頭至尾遍歷陣列,為每個元素呼叫指定的函式。三個引數 陣列元素 元素的索引和陣列本身。var data 1,2,3,4,5 var sum 0 data.foreach function val sum 15 data.foreach function v,i,a data 2,...

ES5陣列方法

push 從陣列最後一位新增 pop 從陣列最後一位刪除 shift 從陣列第一位刪除 unshift 從陣列第一位新增 reverse 陣列逆轉 splice 從第幾位開始,擷取長度,在切口處新增新的資料 sort 陣列排序 arr.sort function a,b 正序 return b a ...

es5 陣列方法

es5 陣列方法的擴充套件 陣列物件.foreach function item,index 陣列物件.map function item,index 返回乙個加工後的新陣列 陣列物件.filter function item,index 按指定要求過濾,返回結果為true的子陣列 示例 main ...