1. 程式人生 > >我能考慮到的數組(老)方法就這些了(es5)

我能考慮到的數組(老)方法就這些了(es5)

ring width 排序 字母順序 就是 agg red detail 默認

代碼註釋都寫的很清楚了

關鍵字:斐波那契數組、二維數組、多維數組(矩陣)...

<!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>

valueOf()與toString()方法的異同參照https://blog.csdn.net/x_jagger/article/details/73430959

小總結:splice(start,deleteNum,add1,add2...)中的start與slice(start,end)中的start不一樣,前者代表的是索引(下表),後者指的是從何處開始,何處結束,並不是索引(下標)

附一張reduce()方法的圖

技術分享圖片

我能考慮到的數組(老)方法就這些了(es5)