Array對象的方法 · 前端菜鳥成長記

[TOC] # Array對象的方法 ## 1.instanceof關鍵字 ***** 判斷對象是不是數組類型，是返回值是true，不是返回值是false ``` var arr=[]; console.log(arr instanceof Array);//true ``` ## 2.isArray(對象) 判斷這個對象是不是數組，是返回值是true，不是返回值是false ***** ``` console.log(Array.isArray(arr));//結果是true ``` ## 3.push(值1,值2...) 把值往數組**后面添加**，返回值也是**追加數據之后的數組長度**，參數的數據類型不限 ``` var arr1=[10,20,30,40,50]; var result = arr1.push(100,200); console.log(result,arr1);//返回結果：7,[10, 20, 30, 40, 50, 100, 200] ``` ## 4.unshift(值1,值2...) 往數組**前面添加**，返回的是**改變后的數組的長度**參數數據類型不限; ``` var arr2=[10,20,30,40,50]; var result = arr2.unshift(100,200); console.log(result,arr2);//返回結果：7,[100, 200, 10, 20, 30, 40, 50] ``` ## 5.pop() 刪除數組的**最后一項**，參數無 **返回值是刪除的那一項** ``` var arr3=[10,20,30,40,50]; var result=arr3.pop(); console.log(result,arr3);//返回結果：50和[10, 20, 30, 40] ``` ## 6.shift() 刪除數組的**第一項**，參數無** 返回值是刪除的那一項;** ``` var arr4=[10,20,30,40,50]; var result=arr4.shift(); console.log(result,arr4);//返回結果：10和[20, 30, 40, 50] ``` ## 7.indexOf(元素值) 查看某個元素在數組里面的**索引**，如果**沒有這個元素返回值是-1** ``` var arr2=[10,20,30,40,50]; var index=arr2.indexOf(30); console.log(index);//2 ``` ## 8.indexOf（n，m）從索引m開始查看n在數組里面的索引值 ## 9.lastIndexOf（） **查找從后往前找**，但是**索引仍然是從左向右的方式**，**找不到則返回-1** ## 10.join("字符串") 把**數組**按照指定的字符串**拼接成一個字符串**,如果**沒有參數就按默認的逗號**拼接成字符串，如果有參數就按照指定的字符串拼接成字符串 ``` var arr2=["小白","小黑","小紅","小芳","小綠","小花"]; var str = arr2.join("|"); console.log(str); //小白|小黑|小紅|小芳|小綠|小花 ``` ## 11.reverse() **數組反轉** 參數無 **返回值是反轉后的數組**，(改變原有數組) ``` var arr3=[10,20,30,40,50]; var temp=arr3.reverse();//反轉 console.log(temp,arr3);//[50, 40, 30, 20, 10],[50, 40, 30, 20, 10] ``` ## 12.sort() 數組排序 **返回值是排好序的數組**，改變原有數組。參數可傳可不傳，如果**傳參數**，參數是**回調函數**。如果**不傳參數**的時候**只能排10以內的數字** ***** ``` //不傳參數的sort（）排序----從小到大 var ary=[1,2,3,6,5,4]; var temp=ary.sort(); console.log(temp); //結果：[1, 2, 3, 4, 5, 6] console.log(ary); //結果：[1, 2, 3, 4, 5, 6] ``` ***** //sort（）帶有參數的升序和降序 **冒泡排序** ``` //1、從小到大排序 a-b 升序 var ary=[1,2,3,6,5,4,13,12,15,16]; var temp=ary.sort(function (a,b) { return a-b;//把原數組升序排 }); console.log(temp);//結果：[1, 2, 3, 4, 5, 6, 12, 13, 15, 16] //2、從大到小排列 b-a 降序 var temp=ary.sort(function (a,b) { return b-a; }); console.log(temp);//結果：[16, 15, 13, 12, 6, 5, 4, 3, 2, 1] ``` ## 13.slice（n,m）從索引n開始獲取到索引m（**不包含m**）返回值是**獲取到的元素組成的新數組** ``` var ary=[10,20,30,40,50,60,70,80,90,100]; var temp=ary.slice(2,6); console.log(temp); //結果是[30, 40, 50, 60] 從索引2開始獲取到索引6不包括索引6 ``` ## 14.splice(n,m,x/y/z...) 把數組從**索引n開始刪除m個元素**，用**x，y...替換刪除的m項**。返回值是**刪除的m項組成的新數組** ``` var ary=[1,2,3,4,5,6]; var temp=ary.splice(1,2,7,8,9,10); console.log(temp);//返回結果是：[2, 3]這個是刪除的項組成的新數組，就是刪除了2，3 console.log(ary);//返回結果是：[1, 7, 8, 9, 10, 4, 5, 6] ``` //當m項是0的時候，它把x,y...替換項放到索引n的前面 ``` var ary=[1,2,3,4,5,6]; var temp=ary.splice(1,0,7,8,9,10); console.log(temp);//[] 返回空數組，因為沒有刪除 console.log(ary); //結果：[1, 7, 8, 9, 10, 2, 3, 4, 5, 6] ``` //當不寫x、y替換項的時候代表刪除數組的元素 ``` var ary=[1,2,3,4,5]; var temp=ary.splice(1,2); console.log(temp);//結果：[2, 3] console.log(ary);//結果：[1, 4, 5] ``` ## 15.splice（） **不傳參數**時，代表沒有對數組做任何操作，**返回一個空數組** ``` var ary=[1,2,3,4,5]; var temp=ary.splice(); console.log(temp); //結果：[] console.log(ary);//結果：[1, 2, 3, 4, 5] ``` **splice(0) ** 參數是**0** 的時候，代表**刪除整個數組**，**返回的是原數組的數據，原數組變為空數組** ``` var ary=[1,2,3,4,5]; var temp=ary.splice(0); console.log(temp); //結果： [1, 2, 3, 4, 5] console.log(ary);//結果：[]原數組變為空數組 ```