小白学js第五天之数组

Posted 1020-jj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小白学js第五天之数组相关的知识,希望对你有一定的参考价值。

目录

数组的概念

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

数组的定义

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

数组字面量

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

//创建一个空数组
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.

以上是关于小白学js第五天之数组的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript第五天之数组

java第五天之---方法与数组

每日算法&面试题,大厂特训十四天——第五天(双指针)

小白的第五天

小白学Perl之初始哈希

小白入门之前端网页技术JavaScript