zl程序教程

您现在的位置是:首页 >  前端

当前栏目

【学习笔记19】JavaScript数组的基本认识

JavaScript笔记学习数组 基本 19 认识
2023-09-11 14:14:57 时间

笔记首发

一、认识数组

  • 😃 一组数字的集合(这样说太片面了)
  • 🤣存放一些数据的集合
	 // 注意是中括号, 不是大括号
	var arr = [100, 200, 300, 'a', 'b', 'c', true, false, undefined]
	console.log(arr)

在这里插入图片描述

二、创建数组

1、字面量

        var arr = [1, 2, 3, 4, 5, 6]
        console.log(arr);

在这里插入图片描述

2、内置构造函数

        var arr1 = new Array();    //空数组
        console.log( arr1 );var arr2 = new Array( 5 );
        console.log( arr2 );var arr3 = new Array(1, 2, 3, 4, 5, 6);
        console.log( arr3);

在这里插入图片描述

3、数组的length

  • 代表了数组的成员数量
  • 语法: 数组.length
        var arr = [1, 2, 3, 4, 5, 6]
        console.log(arr.length);     // 6

在这里插入图片描述

4、数组的索引值(下标)

  • 数组的索引就代表了当前数据在数组的第几个 位置(注意!!! 下标从0开始)
      var arr = [1, 2, 3, 4, 5, 6]
        // 下标:0 1 2 3 4 5
        console.log(arr);
        
        // 通过下标获取数组对应的成员
        console.log( arr[0] );              // 第一个    1
        console.log( arr[4])                // 第五个    5
        console.log( arr[arr.length-1]);    // 最后一个  6

三、遍历数组

  • 拿到数组的每一个成员
        var arr = [1, 2, 3, 4, 5, 6]

        for (var i = 0; i < arr.length; i++) {
            // 数组下标
            console.log('数组下标',i)       
             // 数组下标对象的值
            console.log('数组下标对象的值',arr[i]);          
        }

在这里插入图片描述

四、课堂练习

1、计算数组的所有和

        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
        var num = 0;for(var i = 0; i < arr.length; i++){
            num += arr[i];
        }
        console.log(num);

2、计算数组内所有成员中最大值

        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
        var max = 0;
        for( var i = 0; i < arr.length; i++){
            if (max < arr[i]) {
                max = arr[i];
            }
        }
        console.log(max);

3、计算数组内所有成员中最大值的下标

        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
        var max = 0;
        for( var i = 0; i < arr.length; i++){
            if (max < arr[i]) {
                max = arr[i];
                console.log(i);
            }
        }
        console.log(max);

4、交换数组下标0和1的值

        var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
        var sum = arr[0];
        arr[0] = arr[1];
        arr[1] = sum;
        console.log(arr);