javaScript学习笔记(8.18)

文章目录

注释

  • 单行注释
javascript 复制代码
//单行注释
  • 多行注释
javascript 复制代码
/**
 * 
 */

输入输出语法

  • 输出语法
    • document.write()
      • 作用:向body中输出内容
javascript 复制代码
//输出文字
document.write("输出的内容");
// 可以直接写文字,也可以直接写标签
document.write("<h1>我是一级标题</h1>");
  • alert()
    • 作用:页面弹出警告对话框
javascript 复制代码
// 2.alert()
alert("我是alert()输出")
  • console.log()
    • 作用:控制台输出语句(F12可以调出控制台)
javascript 复制代码
// 3.控制台输出语句
console.log("控制台输出语句")
  • 输入语句
    • prompt()
javascript 复制代码
prompt("请输入")

语法基础

变量

  • 存储数据的'容器'
  • 声明变量
    • 字母、数字、下划线、$组成
    • 不可以由数字开头
    • 变量不可以重复声明
    • 不能用关键字
    • 字母区分大小写
javascript 复制代码
let age=18;  //定义变量a

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

常量

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

数据类型

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

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

console.log(typeof(age));

类型转换

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

语句

表达式和语句

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

分支语句

if分支语句

javascript 复制代码
        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语句

javascript 复制代码
        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循环

javascript 复制代码
        let i  = 0;
      	//循环输出0-9
        while(i < 10){
            document.write(i);
            document.write("<br/>")
            i++;
        }
跳出循环
  • continue 本循环内本条语句之后的语句不再执行,继续执行下一次循环
javascript 复制代码
        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 跳出整个循环
javascript 复制代码
        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循环

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

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

数组

定义数组

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

查询数组元素

javascript 复制代码
变量名[下标]

修改数组元素

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

增加数组元素

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

删除数组元素

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

函数

函数声明和函数调用

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

使用函数对数组求和

javascript 复制代码
        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);

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

javascript 复制代码
        let f = function (x,y){
            return x-y;
        }

        let a = f(5,9);
        document.write(a);
相关推荐
Asort几秒前
JavaScript设计模式(十六)——迭代器模式:优雅遍历数据的艺术
前端·javascript·设计模式
我是日安9 分钟前
从零到一打造 Vue3 响应式系统 Day 28 - shallowRef、shallowReactive
前端·javascript·vue.js
却尘15 分钟前
当你敲下 `pnpm run dev`,这台机器到底在背后干了什么?
前端·javascript·面试
歪歪10016 分钟前
React Native开发有哪些优势和劣势?
服务器·前端·javascript·react native·react.js·前端框架
我的xiaodoujiao18 分钟前
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 19--测试框架Pytest基础 3--前后置操作应用
python·学习·测试工具·pytest
lzj_pxxw24 分钟前
嵌入式开发技巧:舍弃标志位,用宏定义函数实现程序单次运行
笔记·stm32·单片机·嵌入式硬件·学习
一个很帅的帅哥26 分钟前
伪类选择器和伪元素选择器
javascript
Glommer35 分钟前
某红书 Js 逆向思路
javascript·逆向
Mintopia35 分钟前
🧠 可解释性AIGC:Web场景下模型决策透明化的技术路径
前端·javascript·aigc
Mintopia38 分钟前
⚙️ Next.js 事务与批量操作:让异步的世界井然有序
前端·javascript·全栈