js基本语法05

一、数组(Array)：可以把一组相关的数据存放在一起，并且提供了方便的查找阅读方式

数组是一组数据的集合，其中每个数据叫做元素，在数组中可以存放任意类型的元素

注意点：每个数据必须用，隔开

数组的字面量必须用[]

字面量方式是以后常用

里面有文字时需要加引号

创建数组方法：

1.利用new创建数组

语法：var 数组名=new Array() //不常用

var arr=new Array() //创建了一个空数组 Array A必须要大写

2.利用字面量创建数组

语法：var 数组名=[]

var arr=[]

           var arr=new Array(1,'你好',true,'23');
           console.log(arr);
        // var arr = [0,'你好',true,'23'];
        // console.log(arr);
        // var arr = "[0,'你好',true,'23']";
        // console.log(arr);
        // 数组外面加了双引号，里面就是一个字符串

二、获取数组的元素

//数组每个元素都对应一个属于自己的下标，

/*

下标(索引)：可以访问数组中每个元素的序号(数组中的索引从0开始)

索引的作用：数组可以通过索引来访问、设置、修改对应的数组元素，也可以通过数组名[索引]获取数组中的元素

*/

        var arr=[1,2,'张三','李四']
        document.write(arr[3])

        // 新增数组元素，先找到需要新增数组的元素位置，然后再进行赋值
        // arr[4]='wangwu'
        // console.log(arr);
        arr[5]='小李子'
        console.log(arr);
        
        // 修改数组中的的元素其实就是重新给数组中的某个元素重新复制哦
        // 先找到需要的修改元素，再赋值
        arr[2]='王二'
        console.log(arr);

        //如果访问的数组没有和索引值对应的元素时，则得到的返回值是undefined
        document.write(arr[6])

三、获取数组长度

    <script>
        /* 
        获取数组长度：使用length属性
            语法：数组名.kength
            注意：数组长度默认情况下是数组的个数
                    数组长度和数组索引一定要区分开，一般情况下，索引会比长度小1
                    索引也叫 index arr[index]
        */
        var arr = [1,2,'张三','李四']
        document.write(arr.length)
        arr.length = 6
        console.log(arr)//多的两个为空
        document.write(arr)//多的两个为空
    </script>

四、数组遍历：把所有元素从头到尾访问一遍并打印出来

        var arr=['张三','李四','王二','mazi','小郑','xiaowang']
        for(var i=0;i<=arr.length+1;i++){//下标比length小1，所以i要小于arr.length，大于就是undefined
            console.log(arr[i]);
        }

五、数组案例

    <script>
        /*
        1、请打印出数组[2, 6, 1, 7, 4]的和以及平均值 
        */
        // (1)声明一个求和变量 num。
        // (2)遍历这个数组，把里面每个数组元素加到 num 里面。
        // (3)用求和变量 num。 除以数组的长度就可以得到数组的平均值。
        var arr = [2, 6, 1, 7, 4]
        var num = 0
        var average = 0
        for (var i = 0; i < arr.length; i++) {
            num += arr[i]

        }
        average = num / arr.length
        console.log(num, average)
        
        /*
        2、请打印出数组[2, 6, 1, 77, 52, 25, 7, 99]的最大值
        */
        // 声明一个保存最大元素的变量 max。
        // 默认最大值可以取数组中的第一个元素。
        // 遍历这个数组，把里面每个数组元素和 max 相比较。
        // 如果这个数组元素大于max 就把这个数组元素存到 max 里面，否则继续下一轮比较。
        // 最后输出这个 max
        var arr = [2, 6, 1, 77, 52, 25, 7, 99];
        var max = arr[0];
        for (var i = 1; i < arr.length; i++) {
            if (arr[i] > max) {
                max = arr[i];
            }
        }
        console.log('该数组里面的最大值是：' + max);

        /*
        3、将数组 ['red', 'green', 'blue', 'hotpink'] 转换为字符串，并且用 | 或其他符号分割       
        */
        // 1.需要一个新变量用于存放转换完的字符串 str。
        // 2.遍历原来的数组，分别把里面数据取出来，加到字符串里面。
        // 3.同时在后面多加一个分隔符
        var arr = ['red', 'green', 'blue', 'pink'];
        var str = '';
        for (var i = 0; i < arr.length; i++) {
            str += arr[i] + '|';
        }
        console.log(str);

        /*
        4、将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中大于等于 10 的元素选出来，放入新数组。
        */
        // 1、声明一个新的数组用于存放新数据newArr。
        // 2、遍历原来的旧数组， 找出大于等于 10 的元素。
        // 3、依次追加给新数组 newArr。
        var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
        var newArr = [];
        var j = 0;
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] >= 10) {
                // 新数组索引号应该从0开始 依次递增
                newArr[j] = arr[i];//arr[i]  arr的元素
                j++;
            }
        }
        console.log(newArr);
    </script>

六、数组去重

    <script>
        // 将数组[2, 3, 6, 1, 77, 3, 52, 3, 25, 7]中的 3 去掉后，形成一个不包含 3 的新数组。
        // 1 需要一个新数组存放筛选出来的数据
        // 2 遍历原数组，把不是3的值添加到新数组
        // 3 新数组里面的个数通过length不断累加
        var arr = [2, 3, 6, 1, 77, 3, 52, 3, 25, 7]
        var newArr = []  //此时的length是0
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] != 3) {
                newArr[newArr.length] = arr[i]
            }
        }
        console.log(newArr)
    </script>

七、数组存放元素

    <script>
        //给一个空数组存放1-10 10个数
        //    1  声明一个空数组
        //  2 遍历1-10进行存放在空数组里

        var arr = []
        for (var i = 1; i <= 10; i++) {
            arr[i - 1] = i
        }
        console.log(arr)
    </script>

八、反转数组

    <script>
        // 将数组['red','green','pink','blue','hotpink']的内容反过来存放到新数组中
        /*
        1 声明一个新数组
        2 把旧数组索引4取过来然后赋值给i初始化的值,i>=0，进行i--
        */
        var arr = ['red', 'green', 'pink', 'blue', 'hotpink']
        var newArr = []
        for (var i = arr.length - 1; i >= 0; i--) {
            newArr[newArr.length] = arr[i]
        }
        console.log(newArr)
    </script>

九、冒泡排序法

        var arr = [2, 4, 3, 5, 1]
        for (var i = 0; i <= arr.length - 1; i++) {  //外层for循环，决定循环的次数
            for (var j = 0; j <= arr.length - 1 - i; j++) { //里面的for循环，交换次数
                if (arr[j] > arr[j + 1]) {
                    //内部需要交换相邻的两个值（第二个比第一个小）
                    var temp = arr[j]
                    arr[j] = arr[j + 1]
                    arr[j + 1] = temp
                }
            }
        }
        console.log(arr)

        var arr = [2,4,3,5,1]
        for(var i=0;i<arr.length;i++){
            for(var j=0;j<arr.length-i;j++){
                if(arr[j]<arr[j+1]){
                    var temp=arr[j]
                    arr[j]=arr[j+1]
                    arr[j+1]=temp
                }
            }
        }
        console.log(arr);