zoukankan      html  css  js  c++  java
  • 我能考虑到的数组(老)方法就这些了(es5)

    代码注释都写的很清楚了

    关键字:斐波那契数组、二维数组、多维数组(矩阵)...

    <!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()方法的图

    image.png

  • 相关阅读:
    洛谷——P1951 收费站_NOI导刊2009提高(2)
    洛谷——P1475 控制公司 Controlling Companies
    洛谷——P1176 路径计数2
    洛谷——P1156 垃圾陷阱
    洛谷——P2734 游戏 A Game
    洛谷——P1767 家族_NOI导刊2010普及(10)
    洛谷——P1413 坚果保龄球
    Kali-linux破解LM Hashes密码
    Kali-linux分析密码
    Kali-linux密码在线破解
  • 原文地址:https://www.cnblogs.com/oxiaojiano/p/10084026.html
Copyright © 2011-2022 走看看