javaScript学习笔记(8.18)

文章目录

    • 注释
    • 输入输出语法
    • 语法基础
      • 变量
      • 常量
      • 数据类型
      • 类型转换
    • 语句
      • 表达式和语句
      • 分支语句
        • if分支语句
        • Switch语句
      • 循环语句
        • while循环
          • 跳出循环
        • for循环
    • 数组
      • 定义数组
      • 查询数组元素
      • 修改数组元素
      • 增加数组元素
      • 删除数组元素
    • 函数
        • 函数声明和函数调用
        • 使用函数对数组求和
        • 函数表达式(必须先声明再调用)

注释

  • 单行注释
//单行注释
  • 多行注释
/**
 * 
 */

输入输出语法

  • 输出语法
    • document.write()
      • 作用:向body中输出内容
//输出文字
document.write("输出的内容");
// 可以直接写文字,也可以直接写标签
document.write("

我是一级标题

"
);

javaScript学习笔记(8.18)_第1张图片

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

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

javaScript学习笔记(8.18)_第2张图片

  • console.log()
    • 作用:控制台输出语句(F12可以调出控制台)
// 3.控制台输出语句
console.log("控制台输出语句")

image.png

  • 输入语句
    • prompt()

prompt("请输入")

javaScript学习笔记(8.18)_第3张图片

语法基础

变量

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

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

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

javaScript学习笔记(8.18)_第4张图片

常量

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

数据类型

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

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

console.log(typeof(age));
  • javaScript学习笔记(8.18)_第5张图片

类型转换

  • 隐式转换
    • **+ **号两遍只要有一个字符串,就全转换为字符串
    • 除了 + 号以外的算数运算符都会把数据转换为数字类型
  • 显示转换
    • 数据类型(数据)
        let num = Number('123')
        console.log("'123'的数据类型为"+typeof(num));

image.png

  - 转换为数字型
     - 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;

        }

javaScript学习笔记(8.18)_第6张图片

循环语句

while循环

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

javaScript学习笔记(8.18)_第7张图片

跳出循环
  • continue 本循环内本条语句之后的语句不再执行,继续执行下一次循环
        let i  = 0;
        while(i < 10){
            if(i==5){
                document.write("执行continue语句");
                document.write("
"
) i++; continue; } document.write("第"+i+"次执行循环语句"); document.write("
"
) i++; }

javaScript学习笔记(8.18)_第8张图片

  • break 跳出整个循环
        let i  = 0;
        while(i < 10){
            if(i==5){
                document.write("执行break语句");
                document.write("
"
) i++; break; } document.write("第"+i+"次执行循环语句"); document.write("
"
) i++; }

javaScript学习笔记(8.18)_第9张图片

for循环

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

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

javaScript学习笔记(8.18)_第10张图片

数组

定义数组

        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);

你可能感兴趣的:(javascript,学习,笔记)