JavaScript学习2:变量、数据类型、运算符、分支、循环_分支循环在javascript语法基础里的位置

29 阅读4分钟

在这里插入图片描述
不要使用name作为变量名,在浏览器中有特殊的含义

二、数据类型

1. 数据类型简介

与其他编程语言不一样的地方!!!!
JavaScript的变量数据类型在执行该行代码时根据具体的赋值来确定的(和java中的 int age 就确定是整型不同)。
在这里插入图片描述
变量的数据类型是可变的**(动态的)**
在这里插入图片描述
JS把数据类型分为两类:

  • 简单数据类型(Number、String、Boolean、Undefined、Null)
  • 复杂数据类型(Object)
2. 简单数据类型

在这里插入图片描述
注意:
① 数值型Number

  • 数字型包括整型和浮点型,可以赋值八进制(前面加0)、十六进制(前面加0x)
  • js中的数值最大最小值:
    在这里插入图片描述
  • 数字型的三个特殊值:在这里插入图片描述
  • isNaN():判断是否为非数值
    isNaN(12)——>false
    isNaN(‘VIVIAN’)——>true

② 字符型String

  • 引号的使用:外单内双,外双内单
  • 转义符:
    在这里插入图片描述
  • 字符串长度:str.length
  • 字符串拼接:字符串+任何类型=拼接后新的字符串 数值相加,字符相连

布尔型:true相当于1,false相当于0
undefined:undefined+‘vivian’=undefinedvivian ; undefined + 1=NaN
null:null+‘vivian’=nullvivian ; null+1=1

获取变量的数据类型
var age = 10;
typeof age ——>number

3. 数据类型转换

①转换为字符串
str = num.toString()
str = String(num)
str = num+’’(隐式转换)

②转换为数字型(重点)
parseInt(str):例如 parseInt(‘3.94’) = 3 ; parseInt(‘120px’) = 120(特殊的以数字开头截掉后面字母)
parseFloat(str)
Number(str)
利用算数运算- * / 隐式转换:‘12’ -0 = 12 ; ‘123’ - ‘120’ =3

③转换为布尔型
Boolean(str):str为 ‘’、0、NaN、null、undefined时结果为false 否则为true

三、运算符

  1. 算数运算符:+ - * / %(取模/取余)
    注意尽量不用浮点数来运算和比较,会有精度误差
  2. 递增和递减运算符:
    前置:++num、–num 先加(减)后返回值
    后置:num++、num-- 先返回原值后加(减) 例如:var age = 10;age++ +10 返回20
        var e = 10;
        var f = e++ + ++e;
        console.log(f); //f的值是22

  1. 比较运算符:<、>、>=、<=、==(默认转换数据类型)、!= 、= = =(全等)、!= =
    区别’18’ = = 18 返回true , ‘18’ = = = 18 返回false
  2. 逻辑运算符:&&、||、!
    短路运算原理(逻辑中断):当有多个表达式(值)时,左边的表达式可以确定结果时,就不再继续运算右边表达式的值。
    例如: 123&&456 返回456 , 0&&456 返回0
    123||456 返回123,0||456 返回456
		var num = 0;
        console.log(123 || num++);//逻辑中断 num++没有执行 num=0
        console.log(num);

  1. 赋值运算符:=、+=、-=、*=、/=、%=
  2. 运算符优先级
    在这里插入图片描述

四、分支结构(if、switch)

  1. 流程控制:顺序结构、分支结构、循环结构
  2. if语句:
        if () {

        } else if () {

        } else {

        }

  1. 三元表达式:条件表达式 ?表达式1 : 表达式2
  2. switch语句:
    注意是全等的匹配关系
    没有break当匹配上之后会顺序执行下去
        switch(表达式) {
            case value1:
                执行语句1;
                break;
            case value2:
                执行语句2;
                break;
            default:
                执行最后的语句;
        }

五、循环结构

  1. for循环:
        for (var i = 1; i <= 100; i++) {
            console.log(i);
        }

断点调试:
在这里插入图片描述
2. while循环:

        while (条件表达式) {
            循环体
        }

  1. do while循环:
#### 最后

-------------------------------------------------------------



大厂面试问深度,小厂面试问广度,如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官,还要平时遇到问题后思考一下问题的本质,找方法解决是一个方面,看到问题本质是另一个方面。还有大家一定要有目标,我在很久之前就想着以后一定要去大厂,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。



![](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/2d607bd35e7b488c82194790f3a8206e~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3NTc5MjMwMTY3MDI=:q75.awebp?rk3s=f64ab15b&x-expires=1770806347&x-signature=Pfx4NkmaZ3uk83TgcS4TSZKHD7A%3D)



**开源分享:https://docs.qq.com/doc/DSmRnRGxvUkxTREhO**