js3

数组

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
    // // 数组 是一种数据类型
    // // Number String
    // var n1 = 6;
    // var name = 'zs';
    // // 数组 可以存储很多项,有顺序,很多项形成一个集合,这个集合就是数组 Array
    // // 数组的字面量 [] 
    // var names = ['zs', 'ls', 'ww', 'zl'];
    // // 如何获取数组中的数据
    // // 索引/下标  数组中的第一项的索引是从0开始
    // console.log(names[0]);
    // console.log(names[1]);
    // // 获取数组中最后一项的值
    // console.log(names[3]);
    // // undefined
    // console.log(names[4]);
    // 数组中存储的数据类型可以不一致
    // 但是不推荐这么用
    // var names = ['zs', 'ls', 18, 19, true];
    // console.log(names);
    // 数组的长度: 数组中元素的个数
    // var names = ['zs', 'ls', 'ww', 'zl', '', 'abc', '123'];
    // // 获取数组的长度
    // // console.log(names.length);
    // // console.log(names[0]);
    // // 获取数组中的最后一个元素
    // // 如果数组中有29项,最后一项的索引是多少?  数组的长度 - 1
    // console.log(names.length);
    // console.log(names[names.length - 1]);
    // 数组 的长度 可以动态改变
     // var names = ['zs', 'ls', 'ww', 'zl'];
     // // 如何修改数组中的元素
     // // names[0] = 'xxx';
     // // console.log(names);
     // // 
     // // 给数组增加一项
     // // names[4] = 'abc';
     // names[6] = 'xxx';
     // console.log(names);
     // console.log(names.length);
     // 获取数组中的每一项,并打印(遍历数组)
    // var names = ['zs', 'ls', 'ww', 'zl'];
    // for (var i = 0; i < names.length; i++) {
    //   console.log(names[i]);
    // }
    // 遍历数组  先打印最后一项    长度 - 1    长度 - 2
    // var names = ['zs', 'ls', 'ww', 'zl'];
    // for (var i = names.length - 1; i >= 0; i--) {
    //   console.log(names[i]);
    // }
    // 补充 
    var scores = [];  // 空数组
    console.log(scores.length);
    for (var i = 0; i < 10; i++) {
      scores[i] = i;
    }
    console.log(scores);
    // 清空数组
    scores.length = 0;
    console.log(scores);
    // var array = [57, 90, 100];
  </script>
</head>
<body>
</body>
</html>

函数

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="main.js"></script>
  <script>
    // 为什么要有函数
    // 求1-100之间所有数的和
    // var sum = 0;
    // for (var i = 200; i <= 300; i++) {
    //   sum += i;
    // }
    // console.log(sum);
    // 函数 可以封装一段特定功能的代码,然后通过函数名可以重复调用此段代码
    // 定义了一个函数 -- 函数不会自己运行
    // function getSum() {
    //   // 函数体  -- 一段代码
    //   var sum = 0;
    //   for (var i = 1; i <= 100; i++) {
    //     sum += i;
    //   }
    //   console.log(sum);
    // }
    // // 调用函数
    // getSum();
    // getSum();
    // getSum();
  </script>
</head>
<body>
</body>
</html>

函数语法

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
    // 函数定义的两种方式
    // 1 函数声明
    // function sayHi() {
    //   // 函数体
    //   console.log('Hello World');
    // }
    // // 调用函数
    // sayHi();
    // sayHi();
    // 2 函数表达式
    // var sayHi = function () {
    //   console.log('Hello World');
    // }
    // // 调用函数
    // sayHi();
    // sayHi();
  </script>
</head>
<body>
</body>
</html>

函数的参数

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
    // 为什么要有参数
    // 在函数声明的时候,参数m 是没有值的。 当调用函数的时候,需要给函数的参数传值
    // function getSum(m) {
    //   var sum = 0;
    //   for (var i = 1; i <= m; i++) {
    //     sum += i;
    //   }
    //   console.log(sum);
    // }
    // // 调用函数
    // getSum(100);
    // getSum(1000);
    // getSum(10000);
    // 写一个函数,可以求n-m之间所有数的和
    // 在函数声明的时候。参数 叫做形参  形式参数(占位) 没有值
    function getSum(n, m) {
      var sum = 0;
      for (var i = n; i <= m; i++) {
        sum += i;
      }
      console.log(sum);
    }
    // 函数调用
    // 在函数调用的时候,我们需要给形参传递值
    // 实参(实际参数)  把具体的值传递给形参
    getSum(10, 100);
    getSum(50, 500);
    // function getSum1() {
    //   var sum = 0;
    //   for (var i = 1; i <= 1000; i++) {
    //     sum += i;
    //   }
    //   console.log(sum);
    // }
  </script>
</head>
<body>  
</body>
</html>

函数的返回值

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script>
    // - 求一组数中的最大值
    // function getMax(arr) {
    //   var max = arr[0];
    //   for (var i = 1; i < arr.length; i++) {
    //     if (max < arr[i]) {
    //       max = arr[i];
    //     }
    //   }
    //   // 函数的返回值
    //   return max;
    // }
    // // 可以通过一个变量接受函数的返回值
    // var array = [12, 1, 99, 10, 20];
    // // var max = getMax(array);
    // // console.log(max);
    // // 
    // var num = 5;
    // var result = getMax(array) + num;
    // console.log(result);
    // - 求一组数中的最小值
    // - 求阶乘   5 * 4 * 3 * 2 * 1
    // function getJieCheng(n) {
    //   var result = 1;
    //   for (var i = 1; i <= n; i++) {
    //     // result *= i;
    //     result = result * i;
    //   }
    //   return result;
    // }
    // var num = getJieCheng(5);
    // console.log(num);
    // - 求1!+2!+3!+....+n!    n!
    // function getJieCheng(n) {
    //   var result = 1;
    //   for (var i = 1; i <= n; i++) {
    //     // result *= i;
    //     result = result * i;
    //   }
    //   return result;
    // }
    // function getSum(n) {
    //   // 求1-n之间每一个数的阶乘的累加
    //   var sum = 0;
    //   for (var i = 1; i <= n; i++) {
    //     // 累加的是每一个数的阶乘
    //     sum += getJieCheng(i);
    //   }
    //   return sum;
    // }
    // // 第一次循环  i = 1    sum = 0 + 1 
    // // 第二次循环  i = 2    sum = 1! + 2!
    // // 1! + 2! + 3! + 4! + 5!
    // console.log(getSum(5));
    // 如果一个函数不需要返回值,可以不写return
    // 当函数中不写return的时候,返回的是undefined
    // return 后面可以什么都不跟,如果return后面什么都不跟 会返回undefined
    function test(a, b) {
      return;  // 函数执行的过程中只要遇到return 后面的代码就不会再执行
      console.log(a, b);
    }
    var r = test(5, 6);
    console.log(r);
  </script>
</head>
<body>  
</body>
</html>
posted @ 2020-02-15 18:59  阳神  阅读(197)  评论(0编辑  收藏  举报