javaScript学习笔记（8.18）

注释

• 单行注释

//单行注释

• 多行注释

/**
 * 
 */

输入输出语法

• 输出语法
  • document.write()
    • 作用：向body中输出内容

//输出文字
document.write("输出的内容");
// 可以直接写文字，也可以直接写标签
document.write("<h1>我是一级标题</h1>");

• alert()
  • 作用：页面弹出警告对话框

// 2.alert()
alert("我是alert()输出")

• console.log()
  • 作用：控制台输出语句(F12可以调出控制台)

// 3.控制台输出语句
console.log("控制台输出语句")

• 输入语句
  • prompt()

prompt("请输入")

语法基础

变量

• 存储数据的‘容器’
• 声明变量
  • 字母、数字、下划线、$组成
  • 不可以由数字开头
  • 变量不可以重复声明
  • 不能用关键字
  • 字母区分大小写

let age=18;  //定义变量a

document.write("您的年龄为："+age); //使用变量

常量

• const G = 9.8
• 使用const定义不可以修改

数据类型

• 类型
  • 数字类型 number
  • 字符串 string
  • 布尔类型 bool
  • 未定义型 undefined
  • 空类型 null
  • 对象 object
• 检测数据类型
  • tyoeof(变量)

let age=18;  //定义变量a

document.write("您的年龄为："+age);

console.log(typeof(age));

• 

类型转换

• 隐式转换
  • **+ **号两遍只要有一个字符串，就全转换为字符串
  • 除了 + 号以外的算数运算符都会把数据转换为数字类型
• 显示转换
  • 数据类型（数据）

        let num = Number('123')
        console.log("'123'的数据类型为"+typeof(num));

  - 转换为数字型
     - Number(数据)	转换为数字型
     - parseInt(数据)	只保留整数
     - parseFloat(数据)	可以保留小数

语句

表达式和语句

• 表达式是可以被求值的代码
  • 例如 num=3+5
• 语句是一段可以被执行的代码
  • 例如alert();

分支语句

if分支语句

        let num = 18
      	//双分支（二选一）
        if(num < 18){
            document.write("您未成年");
        }else{
            document.write("您已经成年");
        }


      	//多分支
        let socre = 100
        if(socre >= 80 && socre <= 100){
            document.write("优秀");
        }else if(socre >=70 && socre <80){
            document.write("良好");
        }
        else if(socre >=60 && socre< 70){
            document.write("及格");
        }
        else{
            document.write("不及格");
        }

Switch语句

        let num=1;
        switch(num){
            case 1:document.write("数字1");break;
            case 2:document.write("数字2");break;
            case 3:document.write("数字3");break;
            case 4:document.write("数字4");break;
            case 5:document.write("数字5");break;
            case 6:document.write("数字6");break;

        }

循环语句

while循环

        let i  = 0;
      	//循环输出0-9
        while(i < 10){
            document.write(i);
            document.write("<br/>")
            i++;
        }

跳出循环

• continue 本循环内本条语句之后的语句不再执行，继续执行下一次循环

        let i  = 0;
        while(i < 10){
            if(i==5){
                document.write("执行continue语句");
                document.write("<br/>")
                i++;
                continue;

            }
            document.write("第"+i+"次执行循环语句");
            document.write("<br/>")
            i++;
        }

• break 跳出整个循环

        let i  = 0;
        while(i < 10){
            if(i==5){
                document.write("执行break语句");
                document.write("<br/>")
                i++;
                break;

            }
            document.write("第"+i+"次执行循环语句");
            document.write("<br/>")
            i++;
        }

for循环

    	/**
    	* for(变量初值;循环终止条件;变量变化量){
			* 循环体
			*}
      */

				let i = 0;
        for(i = 0;i < 10;i++){
            document.write("第"+i+"次执行for循环");
            document.write("<br/>")
        }

数组

定义数组

        let arr=[0,1,2,3,4,5,6,7];
      	let arr = new Array(数据1,数据2,数据3,...,数据n)

查询数组元素

变量名[下标]

修改数组元素

let arr=[0,1,2,3,4,5,6,7];
//修改下标为0的元素数值为15；
arr[0]=15;

增加数组元素

let arr=[0,1,2];
arr.push(新增的内容);//在数组末尾添加
arr.unshift(新增的内容);//在数组前添加元素

删除数组元素

arr.pop();//删除末尾元素
arr.shift();//删除数组最前面的元素；
arr.splice(操作的下标,删除的个数);

函数

函数声明和函数调用

      	//函数声明，这是一个求和函数
        function sum_(a,b){
            return a + b;
        }
        ///函数的调用
        let a = sum_(2,3);
        document.write(a);

使用函数对数组求和

        function sum_(arr){
            let Result = 0;
            for(let i = 0;i < arr.length;i++){
                Result += arr[i];
            }
            return Result;
        }

        
        let arr=[15,35,69,52,66,99,88,78,98,95]
        sum = sum_(arr);
        document.write(sum);

函数表达式(必须先声明再调用)

        let f = function (x,y){
            return x-y;
        }

        let a = f(5,9);
        document.write(a);