JavaScript初学入门之数组

数组

数组可以把一组相关的数据存放在单个变量名下

利用new创建数组

var 变量名 = new Arrey();

后期学完对象在看

利用数组字面量创建数组

var 数组名 = [];

数组中可以存放任意类型的数据，例如字符串，数字，布尔值等

访问数组元素

数组的索引

遍历数组

遍历：把数组中的每个元素从头到尾访问一遍

    <script>
        var arr = ['red','green','blue'];
        for (var i = 0;i < 3;i++){
            console.log(arr[i]);
        }
    </script>

数组长度

使用“数组名.length”可以访问数组元素的数量（数组长度）

arr.length动态监测数组元素的个数

    <script>
        var arr = ['red','green','blue'];
        console.log(arr.length)
        for (var i = 0;i < arr.length;i++){//优化写法
            console.log(arr[i]);
        }
    </script>

计算数组的和与平均值

    <script>
        var arr = [3,2,1,7,4];
        var sum = 0;
        var average = 0;
        for(var i=0;i<arr.length;i++){
            sum+=arr[i];
        }
        console.log(sum);
    </script>

    <script>
        var arr = [3,2,1,7,4];
        var sum = 0;
        var average = 0;
        for(var i=0;i<arr.length;i++){
            sum+=arr[i];
        }
        average = sum/arr.length;
        console.log(sum,average);
    </script>

想要输出多个变量，用逗号分隔

求数组中的最大值

    <script>
        var arr = [27,24,16,72,48];
        var max = arr[0];
        for(var i=1;i<arr.length;i++){
            if(arr[i]>max){
                max = arr[i];
            }
        }
        console.log('最大值为：'+max);
    </script>

数组转换为字符串

    <script>
        var arr = ['red','green','blue','pink'];
        var str = '';
        var sep = '|';
        for(var i=0;i<arr.length;i++){
            str += arr[i] + sep;
        }
        console.log(str);
    </script>

数组新增元素

修改length长度

修改数组索引

追加数组元素

数组存放值

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

筛选数组方法

    <script>
        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){
            newArr[j] = arr[i];
            j++;
            }
        }
        console.log(newArr);
    </script>

优化一下

    <script>
        var arr = [2,0,6,1,77,0,52,0,25,7];
        var newArr = [];
        for(var i=0;i<arr.length;i++){
            if(arr[i]>=10){
            newArr[newArr.length] = arr[i];
            }
        }
        console.log(newArr);
    </script>

数组去重

翻转数组

    <script>
        var arr = ['red','green','blue','pink','purple'];
        var newArr = [];
        for(var i=arr.length-1;i>=0;i--){
            newArr[newArr.length] = arr[i];
        }
        console.log(newArr);
    </script>