我能考慮到的陣列(老)方法就這些了(es5)
阿新 • • 發佈:2018-12-07
程式碼註釋都寫的很清楚了
關鍵字:斐波那契陣列、二維陣列、多維陣列(矩陣)...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>bind</title> </head> <body> </body> <script> // 斐波那契數列 從第三項開始是前兩項的和 ,共20個 let a = []; a[1] = 1; a[2] = 2; for (let i = 3; i < 20; i++) { a[i] = a[i - 1] + a[i - 2] } for (let i = 1; i < a.length; i++) { console.log(a[i]) } let b = [1] console.log(b.unshift(3)) //2 在陣列的頭部新增元素,返回新陣列的長度,可以新增多個元素,b.unshift(3,4,5) console.log(b) //(2) [3, 1] console.log(b.shift()) //3 刪除陣列的第一個元素,返回刪除的元素 值得型別為number console.log(typeof (b.shift())) //值得型別為number console.log(b.length) //0 刪除兩次 //通過所shift 和unshift,就能用陣列模擬基本的佇列資料結構,後期寫堆疊相關 let c = [3, 4] console.log(c.push(5, 6)) //4 返回陣列得長度 console.log(c) //[3,4,5,6] console.log(c.pop()) //6 刪除陣列最後一個元素,並返回 console.log(c) //[3,4,5] //通過push和pop方法,資料模擬棧,後期寫堆疊相關 // shift(),pop()方法不加引數 // 刪除陣列指定位置的指定個數元素 splice(index,deletNum,add1,add2...)方法 let d = [1, 2, '3', 5, 4, 6, 7] console.log(d.splice(2, 2)) //(刪除元素的開始下標,刪除指定個數的元素數量) ["3",5]返回被刪除的陣列,若不指定第二個引數預設為end,第二個引數小於等於0時不刪除元素,返回[];當第一個引數為負數時,刪除的位置為倒數第N個開始進行刪除,當不指定第二個引數的時候預設end,當指定的數字小於指定位置絕對值得時候刪除指定個數的元素,當大於絕對值的時候相當於end,當小於等於0時不刪除; console.log(d) //[1, 2, 4, 6, 7] console.log(d.splice(1, 1, 33, 34)) //[2] 當出現大於第三個的引數時,代表刪除指定位置的deletNum元素,新增add1,add2..., console.log(d) // [1, 33, 34, 4, 6, 7] //二維陣列(矩陣) let twoDArr = []; twoDArr[0] = [1, 2, 3, 4, 5, 6, 7] twoDArr[1] = [8, 9, 10, 11, 12, 13, 14] for (let i = 0; i < twoDArr.length; i++) { console.log(twoDArr[i]) // 迴圈每行的 [1, 2, 3, 4, 5, 6, 7] [1, 2, 3, 4, 5, 6, 7] for (let j = 0; j < twoDArr[i].length; j++) { console.log(twoDArr[i][j]) // 每行每列的具體數值 1,,2,3,4... } } //多維陣列(矩陣) //建立三維陣列 var matrix3x3x3 = []; for (var i = 0; i < 3; i++) { matrix3x3x3[i] = []; for (var j = 0; j < 3; j++) { matrix3x3x3[i][j] = []; for (var z = 0; z < 3; z++) { matrix3x3x3[i][j][z] = i + j + z; } } } console.log(matrix3x3x3) //(3) [Array(3), Array(3), Array(3)]0: (3) [Array(3), Array(3), Array(3)]1: (3) [Array(3), Array(3), Array(3)]2: (3) [Array(3), Array(3), Array(3)] //解析三維陣列 for (var i = 0; i < matrix3x3x3.length; i++) { for (var j = 0; j < matrix3x3x3[i].length; j++) { for (var z = 0; z < matrix3x3x3[i][j].length; z++) { console.log(matrix3x3x3[i][j][z]); } } } //陣列一些方法 // concat() 連線兩個活多個數組,返回結果 //every() 對陣列中的每一項執行給定函式,如果該函式對每一項都返回true,則返回true,否則false(全部一個滿足才為true) let eArr = [3,4,5,6] console.log(eArr.every((x)=>{return x>3})) //false console.log(eArr.every((x)=>{return x>2})) //true //some 對陣列中的每一項執行給定函式,如果任一項返回true,則返回true (有一個滿足即為true) let soArr = [3,4,5,6] console.log(soArr.some((x)=>{return x>3})) //true console.log(soArr.some((x)=>{return x>2})) //true //filter() 對陣列中的每一項執行給定函式,返回該函式會返回true的項組成的陣列 let fArr = [3,4,5,6] console.log(fArr.filter((x)=>{return x>3})) //[4, 5, 6] console.log(fArr.filter((x)=>{return x>2})) //[3, 4, 5, 6] //forEach() 對陣列中的每一項執行給定函式。這個方法沒有返回值 let forArr = [3,4,5,6] console.log(forArr.forEach((x)=>{return x*3})) //undefined console.log(forArr) //[3, 4, 5, 6] //join 將所有的陣列元素連線成一個字串,預設以','刪除 let jArr = [1,3] console.log(jArr.join('')) //13 //indexOf() 返回第一個與給定引數相等的陣列元素的索引,沒有找到則返回-1 let iArr =[1,2,34,5,3223,22] console.log(iArr.indexOf('2')) //-1 // lastIndexOf 返回在陣列中搜索到的與給定引數相等的元素的索引裡最大的值 let liArr =[1,2,34,5,3223,22,34] console.log(liArr.lastIndexOf(34)) //6 //map 對陣列中的每一項執行給定函式,返回每次函式呼叫的結果組成的數 let mArr = [3,4,5,6] console.log(mArr.map((x)=>{return x*3})) // [9, 12, 15, 18] //reverse 顛倒陣列中元素的順序,原先第一個元素現在變成最後一個,同樣原先的最後一個元素變成了現在 的第一個 let rArr =[1,2,3] console.log(rArr.reverse())//[3, 2, 1] //slice(start,end) 傳入索引值,將數組裡對應索引範圍內的元素作為新陣列返回,不包含起始位置下標的元素, //start 必需。規定從何處開始選取。如果是負數,那麼它規定從陣列尾部開始算起的位置。也就是說,-1 指最後一個元素,-2 指倒數第二個元素,以此類推,此時包含該下標對應的元素, // end 可選。規定從何處結束選取。該引數是陣列片斷結束處的陣列下標。如果沒有指定該引數,那麼切分的陣列包含從 start 到陣列結束的所有元素。如果這個引數是負數,那麼它規定的是從陣列尾部開始算起的元素。 let sArr = [1,2,3,4,5,6,7] console.log(sArr.slice(2,3)) //[3] console.log(sArr.slice(2))// [3, 4, 5, 6, 7] console.log(sArr.slice(3,-3))//[4] console.log(sArr.slice(-3,3))// [] console.log(sArr.slice(-3))// [5,6,7] console.log(sArr[7]) //undefined !===slice(2,7) 這個7和sArr[7]不一樣 //sort 按照字母順序對陣列排序,支援傳入指定排序方法的函式作為引數 let sortArr = [2,4,3,8,1] console.log(sortArr.sort())//[1, 2, 3, 4, 8] 預設升序 console.log(sortArr.sort((d,c)=>{return d-c})) //[1, 2, 3, 4, 8] console.log(sortArr.sort((a,b)=>{return -a+b})) //[8, 4, 3, 2, 1] // toString 將陣列作為字串返回 let toArr = [1,2,3,5] console.log(toArr.toString()) //1,2,3,5 //valueOf 方法返回指定物件的原始值 let vaArr = [1,2,3,5] console.log(vaArr.valueOf()) //[1,2,3,5] //reduce() 方法 計算陣列元素相加後的總和:注意: reduce() 對於空陣列是不會執行回撥函式的。educe() 方法接收一個函式作為累加器,陣列中的每個值(從左到右)開始縮減,最終計算為一個值。reduce() 可以作為一個高階函式,用於函式的 compose var numbers = [65, 44, 12, 4]; function getSum(total, num) { return total + num; } console.log(numbers.reduce(getSum)); //125 </script> </html>