小白学js第五天之数组

目录

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

数组脑图请戳☟[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.