數組常用方法

1. push

=> 語法 arr.push(數據1, 數據2, 數據3, ...) => 作用 把所有的參數按照順序追加到數組的末尾 => 返回值，追加以后數組的長度 => 直接操作原始數組

2. pop

=> 語法 數組.pop() => 作用 刪除數組的最后一個數據 => 返回值 被刪除的數據 => 直接操作原始數組

3. unshift()

=> 語法 數組.unshift(數據1, 數據2, 數據3, ...) => 作用 從數組最前面插入一些數據 => 返回值 插入后的數組長度 => 直接操作原始數組

4. shift()

=> 語法 數組.unshift() => 作用 刪除數組的最前面一個元素 => 返回值 被刪除的數據 => 直接操作原始數組

5. reverse()

=> 語法 數組.reverse() => 作用 反轉數組 => 返回值 反轉后的數組 => 直接操作原始數組

6. sort()

=> 語法 數組.sort()1. arr.sort()-> 按照每一個數據中的每一位數組的ASCII碼進行排列2. arr.sort(function (a, b) {return a -b})-> 從小到大排2. arr.sort(function (a, b) {return b -a})-> 從大到小排 => 作用 數組排序 => 返回值 排序后的數組 => 直接操作原始數組

7. splice()

=> 語法 數組.splice(開始索引，多少個)1. 數組.splice(開始索引，多少個)-> 從開始索引，截取多少個-> 第二個參數可以不寫，直接到末尾2. 數組.splice(開始索引，多少個，替換數組1，替換數組2，替換數組3, ...)-> 把替換數據按照順序插入到你街區的位置-> 注意 從那個位置開始索引刪除，就替換數據的第一個就插入到哪個位置 => 作用 1. 截取數組2. 替換新內容 => 返回值 一定是一個數組 => 如果你截取一個數據，數組里面有一個 => 如果你一個都不截取，那么是一個空數組 => 直接操作原始數組

8. concat()

=> 語法 數組.concat(數據1，數據2) => 作用 -> 如果參數是數組，那么把數組拆開，里面每一項追加到原數組后面-> 如果是參數數據，那么直接追加 => 返回值 追加好的數組 => 不改變原始數組

9. slice()

=> 語法1. 數組.slice(開始索引, 結束索引) [)第一個參數可以不寫，表示從頭第二個參數可以不寫，表示到尾2. 數組.slice(開始索引, 結束索引) [) -> 參數可以寫一個負整數-> length - 負數 => 作用 獲取數組里的某些數據 => 返回值 一個數組-> 如果你獲取多個數據，數組里面有多個-> 如果你獲取一個數據，數組里面有一個-> 如果你一個都不獲取，那么是個空數組 => 不改變原始數組

10. join()

=> 語法：數組.join("連接符號")-> 不傳遞參數是按照(,)連接-> 你傳遞什么按照什么連接 => 作用：把數字里面得每一個數據使用連接符號連接在一起 => 返回值： 是一個連接好的內容，是一個String 類型

11. indexOf()

=> 語法：-> 數組.indexOf(數據)-> 數組.indexOf(數據, 開始索引) 從哪個索引開始查找 => 作用： 正向查找數組里面指定這個數據的索引 => 返回值： -> 如果有這個數據，是第一個滿足條件的數據的索引-> 如果沒有這個數據，那么是 -1

12. lastIndexOf()

=> 語法：-> 數組.lastIndexOf(數據)-> 數組.lastIndexOf(數據, 開始索引) 從哪個索引開始往前查找 => 作用： 反向查找數組里面指定這個數據的索引 => 返回值： -> 如果有這個數據，是第一個滿足條件的數據的索引-> 如果沒有這個數據，那么是 -1 -> 雖然是從后往前索引，但是索引還是正常索引

13. forEach()

=> 語法：數組.forEach(function (item, index, arr){})-> item 數組的每一項-> index 數組的索引-> arr 原始數組 => 作用：取代for循環的作用，遍歷數組 => 沒有返回值

13. map()

=> 語法：數組.map(function (item, index, arr){})-> item 數組的每一項-> index 數組的索引-> arr 原始數組 => 作用：映射數組 => 返回值: -> 新的數組-> 里面是對原始數組每一個數據的操作-> 返回值數組，一定和原始數組長度一樣 => 不改變原始數組

對應數組操作代碼

// 1.pushvar arr = ["hello", "world", "你好", "世界"]var res = arr.push("新來的", "新來的2", "新來的3")console.log(res);console.log(arr);// 2.popvar arr = ["hello", "world", "你好", "世界"]var res = arr.pop();console.log(res);console.log(arr);// 3. unshiftvar arr = ["hello", "world", "你好", "世界"]var res = arr.unshift("新來的1", "新來的2");console.log(res);console.log(arr);// 4. shiftvar arr = ["hello", "world", "你好", "世界"]var res = arr.shift("新來的1", "新來的2");console.log(res);console.log(arr);// 5. reverse()var arr = ["hello", "world", "你好", "世界"]var res = arr.reverse();console.log(res);console.log(arr);// 6. sort()var arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]var res = arr.sort();console.log(res);console.log(arr);var res = arr.sort(function(a, b) {return a - b})console.log(res);console.log(arr);var res = arr.sort(function(a, b) {return b - a})console.log(res);console.log(arr);// 7. splice()var arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]// var res = arr.splice(1, 3);// console.log(res);// console.log(arr);var res = arr.splice(1, 0, "新來的", "新來的二");console.log(res);console.log(arr);// 8. concat()var arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]var res = arr.concat([10, 20], [30, 40], 100);console.log(res);console.log(arr);// 9. slicevar arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]var res = arr.slice(1, 3);console.log(res);console.log(arr);var res2 = arr.slice(-8, -6);console.log(res2);console.log(arr);// 10. join()var arr = [1, 11, 133, 26, 51, 19, 32, 27, 15]var res = arr.join("@-@");var res = arr.join();console.log(res);console.log(arr);// 11. indexOf()var arr = [1, 11, 133, 26, 51, 19, 32, 11, 15]var res = arr.indexOf(11);console.log(res);console.log(arr);var res = arr.indexOf(11, 4);console.log(res);console.log(arr);// 12. LastIndexOf()var arr = [1, 11, 133, 26, 51, 19, 32, 11, 15]var res = arr.lastIndexOf(11);console.log(res);console.log(arr);var res = arr.lastIndexOf(11, 5);console.log(res);console.log(arr);// 13. forEach()var arr = [1, 11, 133, 26, 51, 19, 32, 11, 15]let res = arr.forEach(function(item, index, arr) {// 這個函數，會根據數組里面有多少個數據執行多少回// console.log("我執行了")// item 分別是這個數組里面的每一項console.log(item);console.log(index);console.log(arr);})// 14. map()var arr = [1, 11, 133, 26, 51, 19, 32, 11, 15]var res = arr.map(function(item, index, arr) {console.log(item, "-----", index, "-----", arr);return item * 1.3;})console.log(res);

總結

以上是生活随笔為你收集整理的JavaScript的数组常用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。