JS筆記：Array方法整理

標籤：tin   index   接收   方法   eve   bsp   增加   下標   star   

一、增加1.push()文法：arrayObject.push(newele1,newele2,…,neweleX);功能：將push中的參數添加到arrayObject的尾部傳回值：把指定的值添加到數組後的新長度 例：var arr = [8,7,5,2,8,4,3];var arrLen = arr.push("u","r","g");console.log(arrLen); //10console.log(arr); //[8, 7, 5, 2, 8, 4, 3, "u", "r", "g"] 2.unshift()文法：arrayObject.unshift(newele1,newele2,…,neweleX);功能：將unshift中的參數添加到arrayObject的尾部傳回值：把指定的值添加到數組後的新長度 例：var arr = [8,7,5,2,8,4,3];var arrLen = arr.unshift("u","r","g");console.log(arrLen); //10console.log(arr); //["u", "r", "g", 8, 7, 5, 2, 8, 4, 3] 二、刪除1.pop()文法：arrayObject.pop()功能：刪除arrayObject的最後一個元素傳回值：被刪除的元素 例：var arr = [8,7,5,2,8,4,3];var arrEle = arr.pop();console.log(arrEle); //3console.log(arr); //[8, 7, 5, 2, 8, 4] 2.shift()文法：arrayObject.shift()功能：刪除arrayObject的第一個元素傳回值：被刪除的元素 例：var arr = [8,7,5,2,8,4,3];var arrEle = arr.shift();console.log(arrEle); //8console.log(arr); //[7, 5, 2, 8, 4, 3] 三、分隔數組1.join()文法：arrayObject.join(separator)功能：用separator（分離器）分隔數組，並放入一個字串傳回值：字串 例：var arr = [8,7,5,2,8,4,3];var newStr = arr.join("—");console.log(newStr); //8—7—5—2—8—4—3console.log(arr); //[8, 7, 5, 2, 8, 4, 3] 四、翻轉數組1.reserve()文法：arrayObject.reserve()功能：顛倒數組中元素的順序傳回值：數組 例：var arr = [8,7,5,2,8,4,3];var newArr = arr.reverse();console.log(newArr); //[3, 4, 8, 2, 5, 7, 8]console.log(arr); //[3, 4, 8, 2, 5, 7, 8] 五、數組排序1.sort()文法：arrayObject.sort()功能：對數組的元素進行排序，及時數組中的每一項都是數值，sort()方法比較的也是字串；但是sort()可以接收一個比較函數作為參數升序——arr.sort(function(a,b){return a-b})降序——arr.sort(function(a,b){return b-a})傳回值：數組 例var arr = [8,7,5,2,8,4,3];var newArr = arr.sort(function(a,b){return b-a});console.log(newArr); //[8, 8, 7, 5, 4, 3, 2]console.log(arr); //[8, 8, 7, 5, 4, 3, 2] 六、串連數組1.concat()文法：arrayObject.concat(array1,array2……)功能：串連兩個或多個數組傳回值：新數組 例var arr = [8,7,5,2,8,4,3];var myArr = ["y","e","w","t"];var newArr = arr.concat(myArr);console.log(newArr); //[8, 7, 5, 2, 8, 4, 3, "y", "e", "w", "t"]console.log(myArr); //["y", "e", "w", "t"]console.log(arr); //[8, 7, 5, 2, 8, 4, 3] 七、截取數組1.slice()文法：arrayObject.slice(start,end)功能：從數組中截取選定元素傳回值：截取的新數組參數：start（必需）：規定從何處開始選取，為負則從尾部開始end（可選）：規定從何處結束選取，是數組截取結束處的數組下標；若未指定end，從start至數組結束 例var arr = [8,7,5,2,8,4,3];var newArr1 = arr.slice(1, 3);var newArr2 = arr.slice(-3,-1);console.log(newArr1); //[7, 5]console.log(newArr2); //[8, 4]console.log(arr); //[8, 7, 5, 2, 8, 4, 3] 八、尋找數組1.indexOf()文法：arrayObject.indexOf(searchValue,startIndex)功能：從數組的開頭（下標0）開始向後尋找，判斷方式——全等傳回值：number，尋找的項在數組中的位置（索引值），未找到的返回-1參數：searchValue（必需）：要尋找的元素startIndex（可選）：起點位置的索引，不選預設為0 例：var arr = [8,7,5,2,8,4,3];var newIndex1 = arr.indexOf(8);var newIndex2 = arr.indexOf(8,2);var newIndex3 = arr.indexOf(9);console.log(newIndex1); //0console.log(newIndex2); //4console.log(newIndex3); //-1 2.lastIndexOf()文法：arrayObject.lastIndexOf(searchValue,startIndex)功能：從數組的末尾開始向前尋找，判斷方式——全等傳回值：number，尋找的項在數組中的位置（索引值），未找到的返回-1參數：searchValue（必需）：要尋找的元素startIndex（可選）：起點位置的索引，不選預設為數組最後一位 例var arr = [8,7,5,2,8,4,3];var newIndex1 = arr.lastIndexOf(8);var newIndex2 = arr.lastIndexOf(8,2);var newIndex3 = arr.lastIndexOf(9);console.log(newIndex1); //4console.log(newIndex2); //0console.log(newIndex3); //-1  九、刪除、插入——splice1.splice() —— 刪除指定位置的指定元素文法：arrayObject.splice(index,count)功能：刪除從index處開始的0個或多個元素傳回值：數組，從原數組中刪除的元素參數：index：起始位置的下標count：要刪除的元素數量，不設定，從index開始的所有 例var arr = [8,7,5,2,8,4,3];var newArr = arr.splice(1,3);console.log(newArr); // [7,5,2]console.log(arr); // [8, 8, 4, 3] 2.splice() —— 在指定位置的插入元素文法：arrayObject.splice(index,count,item1,item2…)功能：在指定位置插入一個或多個元素傳回值：數組，從原數組中刪除的元素參數：index：起始位置的下標count：要刪除的元素數量，設為0，不刪除元素item：要插入的元素，插在index前 例var arr = [8,7,5,2,8,4,3];var newArr = arr.splice(1,0,"item1","item2");console.log(newArr); // []console.log(arr); // [8, "item1", "item2", 7, 5, 2, 8, 4, 3] 3.splice() —— 同時插入和刪除文法：arrayObject.splice(index,count,item1,item2…)功能：在指定位置插入一個或多個元素傳回值：數組參數：index：起始位置的下標count：要刪除的元素數量item：要插入的元素，插在index前傳回值：數組，從原數組中刪除的元素 例var arr = [8,7,5,2,8,4,3];var newArr = arr.splice(1,2,"item1","item2");console.log(newArr); // [7,5]console.log(arr); // [8, "item1", "item2", 2, 8, 4, 3] 

JS筆記：Array方法整理