初识JavaScript入门到放弃Day4(上)——笔记整理+课后作业

JS入门到放弃Day4

文章目录
JS入门到放弃Day4
数组
1.1 数组的概念
1.2 创建数组
1.3 获取数组中的元素
1.4 遍历数组
1.5 数组中新增元素
今日些练习题

数组

1.1 数组的概念

• 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。

1.2 创建数组

JS 中创建数组有两种方式：

• 利用 new 创建数组

  var 数组名 = new Array() ；
  var arr = new Array();   // 创建一个新的空数组
  

  注意 Array () ，A 要大写

• 利用数组字面量创建数组

  //1. 使用数组字面量方式创建空的数组
  var  数组名 = []；
  //2. 使用数组字面量方式创建带初始值的数组
  var  数组名 = ['小白','小黑','大黄','瑞奇'];
  

  • 数组的字面量是方括号 [ ]
  • 声明数组并赋值称为数组的初始化
  • 这种字面量方式也是我们以后最多使用的方式

• 数组元素的类型

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

  var arrStus = ['第一',22,false,28.9];
  

1.3 获取数组中的元素

索引 (下标) ：用来访问数组元素的序号（数组下标从 0 开始）。
数组可以通过索引来访问、设置、修改对应的数组元素，可以通过“数组名[索引]”的形式来获取数组中的元素。

// 定义数组
var arrStus = [1,2,3];
// 获取数组中的第2个元素
alert(arrStus[1]);    

注：如果访问时数组没有和索引值对应的元素，则得到的值是undefined

1.4 遍历数组

• 数组遍历

  ​ 把数组中的每个元素从头到尾都访问一次，可以通过 for 循环索引遍历数组中的每一项。

var arr = ['red','green', 'blue'];
for(var i = 0; i < arr.length; i++){
    console.log(arrStus[i]);
}

• 数组的长度

  数组的长度：默认情况下表示数组中元素的个数

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

  var arrStus = [1,2,3];
  alert(arrStus.length);  // 3
  

  注意：

  • 此处数组的长度是数组元素的个数 ，不要和数组的索引号混淆。

• 当我们数组里面的元素个数发生了变化，这个 length 属性跟着一起变化

  • 数组的length属性可以被修改：

• 如果设置的length属性值大于数组的元素个数，则会在数组末尾出现空白元素；

  • 如果设置的length属性值小于数组的元素个数，则会把超过该值的数组元素删除

1.5 数组中新增元素

​ 数组中可以通过以下方式在数组的末尾插入新元素：

  数组[ 数组.length ] = 新数据;

---

今日练习题

此部分为数组部分的案例题

    // 数组求和及平均值
        var arr = [2, 6, 1, 7, 4];
        var sum = 0; //和
        var average = 0;
        for (var i = 0; i < arr.length; i++) {
            sum += arr[i]; //我们加的是数组元素arr[i] 不是计数器i

        }
        average = sum / arr.length
        console.log(sum);
        console.log(average);
        console.log(sum, average);

---

 //案例1：找出数组里最大的元素
  var arr = [2, 6, 1, 77, 52, 25, 7];
        var max = arr[0];
        for (var i = 1; i < arr.length; i++) {
            if (max < arr[i]) {
                max = arr[i];
            }
        }
        console.log(max);

//案例2;按照要求输出代码
        var color = ['red', 'green', 'blue', 'pink'];
        var str = '';
        for (var i = 0; i < color.length; i++) {
            // console.log(color[i]);
            str += color[i] + '|';
        }
        console.log(str);

 // 案例3，变量存放1-100的整数
        var num = [];
        for (var i = 0; i < 10; i++) {
            num[i] = i + 1;
        }
        console.log(num);

// 案例4：存大于10 的数值进新数组
        var arr = [2, 0, 6, 1, , 77, 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);

案例1-4的运行结果：

---

 // 数据反转
        var arr = [1, 2, 3, 4, 5];
        var newArr = [];
        for (var i = arr.length - 1; i >= 0; i--) {
            newArr[newArr.length] = arr[i];

        }
        console.log(newArr);//结果为：[5,4,3,2,1]

//筛选出所有大于0的数字放进新数组
var arr = [2, 0, 77, 52, 0, 25, 7];
        var newArr = [];
        // var j = 0;
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] !== 0) {//大于0 的数字！
                // newArr[j] = arr[i];
                newArr[newArr.length] = arr[i];
                // j++;
            }
        }
        console.log(newArr);

---

今日作业

简易ATM机：

• 题目描述：

  • 里面现存有 100 块钱。

  • 如果存钱，就用输入钱数加上先存的钱数, 之后弹出显示余额提示框

  • 如果取钱，就减去取的钱数，之后弹出显示余额提示框

  • 如果显示余额，就输出余额

  • 如果退出，弹出退出信息提示框

    <script>
        var have_money = 100;

        while (true) {
            var user_num = prompt('请输入你要的操作：' + '\n' + '1.存钱' + '\n' + '2.取钱' + '\n' + '3.显示余额' + '\n' + '4.退出')
            switch (parseInt(user_num)) {
                case 1:
                    var mig1 = prompt('您要存多少钱？');
                    have_money = have_money + parseFloat(mig1);
                    alert('现在存款有' + have_money + '元');
                    break;
                case 2:
                    var mig2 = prompt('您要取走多少钱？');

                    if (mig2 > have_money) {
                        alert('不好意思钱不够呢！');
                    } else {
                        have_money = have_money - parseFloat(mig2);
                        alert('现在存款有' + have_money + '元');
                    }
                    break;
                case 3:
                    // mig = prompt('您要存多少钱？');
                    // new_have_money = have_money + parseFloat('mig');
                    alert('现在余额' + have_money + '元');
                    break;
                case 4:
                    var flag = prompt("是否继续？(Y/N)");
                    while (flag !== ('Y' && 'y')) {
                        flag = prompt("是否继续？(Y/N)");
                    }
                    alert('退出成功');
                    break;
                default:
                    alert("输入错误");
                    break;

            }
        }
    </script>

.求从1 开始第35个能被7和3整除的整数数

• 题目描述：
  • 求从1开始第35个能被7和3整除的整数
• 题目提示：
  • 通过变量记录是第几个可以被3和7整除的数

<script>
        //2.2 求从1 开始第35个能被7或3整除的整数
        // - 题目描述：
        //   - 求从1开始第35个能被7或3整除的整数
        // - 题目提示：
        //   - 通过变量记录是第几个可以被3或7整除的数
        for (var i = 1; i <= 35; i++) {
            if (i % 3 == 0 || i % 7 == 0) {
                //sum += i;累加和；每个被3整除和被7整除的数字做一个累加和
                result = console.log('第' + i + '个是被3和被7整除的数,' + '数字是：' + i);

            }
        }
        // console.log(result);
    </script>

今日份结束;分享到这里。
Day4（下）笔记整理——点击前往