JS基础第二章

原创

学习c#的小超 2023-03-06 07:53:29 ©著作权

文章标签 前端 javascript 运算符赋值整除 文章分类 Python 后端开发

©著作权归作者所有：来自51CTO博客作者学习c#的小超的原创作品，请联系作者获取转载授权，否则将追究法律责任

1.运算符

2.运算符有哪些

3.运算符的优先级

4.判断是闰年还是平年

5.使用vs还是huiid好呢

😊作者简介：一名大一在校生，web前端开发专业
🤡 个人主页：几何小超多多关注一下
🐼刚刚开始学前端，只是分享一下个人经验
🎅今后目标：个人打算先去一线城市找找工作，如果实在是找不到就回来去开烧烤店

1.运算符

1，什么是运算符

运算符是用于执行程序代码运算，会针对一个以上操作数项目来进行运算。

2.运算符有哪些

算术运算符、赋值运算符、关系运算符、逻辑运算符、三元运算符

1.算术运算符

算术运算符包括+，-，*，/,%
一元运算符：++、–：自增，自减

1.算术运算符

console.log('1'+1=11)//为什么会出现这样情况，因为'1'是字符串类型，而且1是数字类型，所以才会出现这种情况，其实我们只需要把'1'转换成数字类型就可以
cosole.log(1+1=2)//这个才是数字模式，如果在用户输入的时候要注意形式列如
let num=+promit（）//前面需要加加号，没有加加号之前默认的是字符串类型，加了加号就是数字类型
还有一种特别的类型：
unfined是指未定义的变量，如果unfinished和任何值相加都是Nan，因为里面没定义任何元素，所以你不知道里面装的什么元素，计算结果肯定就是NaN

2.-* / % 先对操作数进行隐式转换，转换为number，再进行运算

JS基础第二章_javascript

console.log(null - true); // 0-1 = -1
console.log(true - 2);// 1- 2 = -1
console.log('25' - 2);//number('23') = 25-2 =23
console.log( "2"  * 2);//2 *3 =6
console.log(5/ 2);//2.5
console.log(3 % 2);//余数是取结果的余数，比如三%2商1余数1，那么我们就取余数
console.log(2 % 3);//2 小数 % 大数 = 小数  大数 % 小数 = 余数

3，一元运算符

1.++，--

++：是自增的意思

需要将某一个数加1，然后赋值给其它的地方使用：
需要将a的值加一，然后赋值给b

举个例子

let a=1
let b
b=a+1//将a加1的值赋格b
console.log(${b})//最后结果等于11，

对于++，它又分为两种用法： ++a和++a

++a：先加后赋值

a++：先赋值后加

let a=1
let b；
b=a++//这个意思先把a的值先赋给b，然后a在加
console.log(${b})
那么a=2；b=1；

++a

let a=2
let b；
b=++a//意思是先加然后在赋值
console.log(${b})
那么a=3；b=3；

2.赋值运算符

let i=2；//意思是把定义一个i，把2赋给i，=在数学领域是等于，在编程属于赋值
还有两种写法
比如
a=a+2
简便点写就是
a+=2
输出的结果都是一样，不过第二种稍微比第一种简便一点，但是新手还是用第一种好理解一些

3.关系运算符

有一个小口诀方便记忆
=是赋值，==是判断，===是全等！=是不等于
==：如果两个类型不相同，==可以转成相同类型
===：全等的意思是不能转换任何类型，不过我们普遍都使用===，不会使用==
通常是用来判断这个值是正确还是错误，可以去和逻辑运算符搭配使用

4.逻辑运算符

&&：与这个符号是只要有一个地方错误，其他地方都是错误

JS基础第二章_javascript_02

&&：if（1>2&&1>0）//这个地方第一个地方错了，那么后面也是错误

||：这个符号是非，和上面相反，有一个地方正确其他地方也是正确

JS基础第二章_赋值_03

！取反

console.log(!!3); //true 表示取反在取反先对3转成true，取反为false在取反为true

JS基础第二章_javascript_04

5. 三元运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
        条件？满足条件的代码：不满足条件执行的代码
        */
       let num1=prompt('请输入第一个数')
       let num2=prompt('请输入第二个数')
       num1>num2 ? alert(`最大值是:${num1}`):alert(`最大值是${num2}`)
      最后一句话意思是如果num1大于num2，？那么就最大值就是Num1，：是else的意思
else之后会提出来，意思是如果条件都不满足，那么最大值就是num2
或者的意思

    </script>
</body>
<html/>

3.运算符的优先级，我用一张表格列出来

JS基础第二章_前端_05

运算的时候应该遵从优先级来算表达式

4.小案例判断闰年和平年

年号能被4整除且不能被100整除,或者能被400整除的为闰年，否则就是平年

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
   //1.用户输入
        let num=+prompt('请输入年份')
    //2.年号能被4整除且不能被100整除,或者能被400整除的为闰年,否则就是平年
        if(num%4===0&&num%100！==0||num%400===0){
           alert(`${num}年是闰年`)
        }else{
           alert(`${num}年是平年`)

        }
    </script>
</body>
</html>