小白学js第五天之数组

Posted 2021-11-29 1020-jj

目录

• 数组的概念
• 数组的定义
• 数组字面量
• 获取数组中的元素
• 遍历数组

• 数组中新增的元素

  数组脑图请戳?[http://naotu.baidu.com/file/dbefa4615b5302ad1ccd912ed0b362b3?token=5d6b06470c89e65c]

数组的概念

数组是将许多元素（通常是同一类型）按照一定的顺序排放到一个集合中

数组的定义

• 数组是个有序列表
• 可以存放任意数据
• 数组的长度可以动态的调整

数组字面量

通过数组字面量[]创建数组

//创建一个空数组
var array1 = [];
 //创建了一个长度为3数值的数组多个数值用，隔开.
 var array2 = [1, 2, 3];
 //创建一个包含有两个字符串的数组
 var array3 = ['a', 'b'];

通过.length（）获取数组长度

//可以通过数组的length属性获取数组的长度
//创建了一个长度为3数值的数组多个数值用，隔开.
        var array2 = [1, 2, 3];
        console.log(array2.length); //长度为3；
//可以改变length的属性来改变数组中的元素
            var array2 = [1, 2, 3];
        console.log(array2.length);//3
        array2.length = 0;
        console.log(array2.length);//0

获取数组元素

数组的取值

• 格式：数组名[下标/索引]
• 功能：获取数组相应下标下的值，如果下标不存在则返回undefine
• 数组的下标从0开始计算

     var color = ['green', 'red', 'yellow'];
        console.log(color[0]); //返回green
        console.log(color[1]); //返回red
        console.log(color[2]); //返回yellow
        console.log(color[3]); //返回undefined

遍历数组

遍历 ：对每一个元素都访问一遍

基本语法：

 for(var i = 0; i < arr.length; i++) {
    // 数组遍历的固定结构
}

案例：
```

// 获取数组中的每一项并打印
    var arr1 = ['zs', 'ls', 'ww', 'zl'];
    for (var i = 0; i < arr1.length; i++) {
        console.log(arr1[i]);
    }
  //获取数组中的每一项,并且倒着输出
    var arr1 = ['zs', 'ls', 'ww', 'zl'];
    for (var i = arr1.length - 1; i >= 0; i--) {
        console.log(arr1[i]);
    }
      //给空数组赋值
    var array = [];
    for (var i = 0; i < 10; i++) {
        array[i] = i;
    }
    console.log(array);
      //清空数组
    array.length = 0;
    console.log(array);
    
    
    

    // var arr = []; //空数组 arr.length = 0
    // arr[arr.length] = 1;
    // console.log(arr.length); // arr.length = 1
    // arr[arr.length] = 2; //arr.length = 2

    // 翻转数组
    // var num = [3, 5, 2, 88, 66, 99, 54];
    // var invertNum = [];
    // for (var i = num.length - 1; i >= 0; i--) {
    //     invertNum[invertNum.length] = num[i];
    // }
    // console.log(invertNum);
    
    
    
       // 冒泡排序，从小到大 关键明白比较次数
    var num = [3, 5, 2, 88, 66, 99, 54];
    //外层循环： 控制趟数，每一趟找到一个最大值
    for (var i = 0; i < num.length - 1; i++) {
        //内层循环：控制比较次数，并且判断两个数的大小，把大的数王后移动，小的数往前移动
        for (var j = 0; j < num.length - 1 - i; j++) {
            //两两比较，从小到大排序
            if (num[j] > num[j + 1]) {
                //交换两个数的位置
                var tmp = num[j];
                num[j] = num[j + 1];
                num[j + 1] = tmp;
            }
        }
    }
    console.log(num);

```

Bye for now.