javascrip的数组的基础

作者：熊小辉

  // 1.创建 数组（Array）:是一组的数据的集合

        // 2.利用new 创建数组

        // 3.数组可以放各种类型

        // 4.必须要逗号分开

        // 5.存放数组数据的叫，数组元素

        var bhu = new Array()

        // 6.使用数组面量方式创建数组

        var dsfsdg = [] //空的数组

        // 7.使用数组面量的方式创建初始的数组

        var vgy_qwe = [1, 2, 3.1, 'asdasd', true]

        // 获取数组元素

        document.write(vgy_qwe)

        // 数组的元素的索引

        // 索引的下标是从0开始的

        // 格式 数组名（索引号）

        // 如果超出索引会提示 undefined

        document.write(vgy_qwe[0])

        document.write(vgy_qwe[1])

        document.write(vgy_qwe[3])

        document.write(vgy_qwe[4])

        // 遍历数组

        var nji_op = ['1', '2', '3', '4', '5']

        for (var i = 0; i <= 6; i++) {

            console.log(nji_op[i])

                // document.write('<br>')

        }

        // 数组的长度

        // 动态检测数组的个数

        console.log(nji_op.length) //5个元素

        // 数组的和

        var b = [1, 2, 3, 4, 5, 9, 10]

        var sum = 0

        for (var c = 0; c < b.length; c++) {

            sum += b[c]

        }

        document.write(sum) //15

        // 数组的均值

        var avg = 0

        for (var m1 = 0; m1 < b.length; m1++) {

            avg += b[m1]

        }

        document.write(avg / b.length) // 3

        // 数组的最大值

        var max = 0

        for (var p = 0; p < b.length; p++) {

            if (b[p] > max) {

                max = b[p]

            }

        }

        console.log(max) //10

        //数组的最小值

        var min = b[0]

        for (var io = 0; io < b.length; io++) {

            if (b[io] < b[0]) {

                min = b[io]

            }

        }

        console.log(min)

        // 将数组的元素转换成字符串 并且用 | 或其他的符号分隔

        var mk = ['qwe', 'asd', 'zxcv', 'cvb']

        var str = '';

        for (var a = 0; a < mk.length; a++) {

            str += mk[a] + '|'

        }

        console.log(str);

        // 数组的新增元素方式

        var namr = ['1', '2', '3'];

        // 1：0， 2：1，  3：2

        console.log(namr.length)

            // 新增

        namr[3] = 'dfsfsf'

        console.log(namr)

            // 1,2,3,dfsfsf

        // 在尾部添加元素   namr.push('qwe')

        namr.push('qwe')

        console.log(namr)

        // 在尾部添加新的数组

        namr.concat()

        console.log(namr)

        // 在头部添加元素

        namr.unshift('ppp')

        console.log(namr)

        // 在尾部删除最后一个元素

        namr.pop()

        console.log(namr)

        // 删除数组的第一个元素

        namr.shift()

        console.log(namr)

        // 反转数组

        namr.reverse()

        console.log(namr)

       dfsfsf,3,2,1

        // 排序

        var p = [4, 3, 6, 1, 2, 5]

        p.sort()

        console.log(p)

  var mko=[1,2,3,4,5,6]

        // 根据下标删除， 下标为1  删除1个

        var resppllice=mko.splice(1,1)

        document.write(mko)

        // 增加

        var qwe=['asdas','zxczxc','ertyert','tyu']

        // 下标为1 的后面加 两个元素

        var nji_tyu=qwe.splice(1,0,'kkkk','cccc')

        document.write(qwe)

       

        // 拼接

        var mko1=[1,2,3,4]

        var bhu1=[4,5,6,7]

        var vgy_op=mko1.concat(bhu1)

        document.write(vgy_op)

        // join  数组=》字符串

        var qwe=[1,2,3,4,5]

        document.write(qwe.join('|'))

    //    遍历

        var qweqwe=[]

        for (var k=1;k<=7;k++){

            qweqwe.push(k)

            document.write('<h1>'+k+'</h1>')

        }

        document.write(qweqwe)

        // 查找  lastIndexOf()

        var  qwe=[3,4,5,6,7,8]

        document.write(qwe.lastIndexOf(8))

        document.write(qwe.lastIndexOf(8))

        //超出索引就会返回或者查不到的   -1

        document.write(qwe.lastIndexOf(9))

        // 数组的去重

        var mko11=[1,2,3,3,4,1]

        var lpqw=[]

        for (var n=0;n<mko11.length;n++){

            // 查不到  的才加进去

              if(lpqw.lastIndexOf(mko11[n])=== -1){

                   lpqw.push(mko11[n])

              }

             

        }

        console.log(lpqw);

        // 数组的去重  2   new  Set()

        var set= new Set(mko11)

        document.write(set)

        // 转换成数组

        var kop111=Array.from(set)

        console.log(kop111);

       

    //    foreach 遍历   item:遍历的内容   index：下标

        var arr=[4,5,6,7,8]

        arr.forEach(function(item,index){

                console.log(item,index);

        })

        //

        c=[1,2,3,4]

        for (var a=0;a<c.length;a++){

             c[a]=c[a]*c[a]

        }

        document.write(c)

        // 结果[1,4,9,16]

       

        // 案例  大于三百的

        var lp=[{name:'xxh',prjcv:300},

               {name:'cxvb',prjcv:400},

               {name:"xcvxv",prjcv:700}]

        for (var x=0;x<lp.length;x++){

            if (lp[x].prjcv>300){

                   console.log(lp[x]);

            }

        }

        // fliter  用法   大于500

        var xfgvs=[{n:'qwe',x:200},{n:'qwe',x:500},{n:'qwe',x:600},{n:'qwe',x:700}]

        var nji=xfgvs.filter(function(item){

            return  item.x>50

        })

        console.log(nji);

       

    //    叠加

        var zxc_op=[1,2,3,4,5,6,7,8,9]

        var bhu=zxc_op.reduce(function(prev,item){

            return prev+item

        },0)//初始值

        document.write('<h1>'+bhu+'</h1>')

   

?

1