JavaScript零基础入门 3：javascript运算符有哪些

于 2022-08-29 08:46:27 发布
阅读量175 收藏
点赞数
文章标签： javascript
原文链接：https://blog.csdn.net/guorui_java/article/details/121064772
版权

目录

一、逻辑运算符

1、! 非

2、&& 与

3、|| 或

二、赋值运算符

三、关系运算符

1、> 大于号

2、>= 大于等于

3、< 小于号

4、<= 小于等于

5、非数值的情况

四、相等运算符

1、使用 == 来做相等运算

2、使用 != 来做不相等运算

3、=== 全等

4、!== 不全等

五、条件运算符

1、语法

2、执行的流程

六、运算符

七、运算符优先级

八、代码块

九、流程控制语句

1、if

2、switch语句

3、循环语句

4、for循环

5、嵌套的for循环

 6、break关键字

7、continue关键字


 

一、逻辑运算符


1、! 非


!可以用来对一个值进行非运算，所谓非运算就是值对一个布尔值进行取反操作，true变false，false变true。

如果对一个值进行两次取反，它不会变化；
如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反；
所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值；
可以为一个任意数据类型取两次反，来将其转换为布尔值；原理和Boolean()函数一样；


2、&& 与


&&可以对符号两侧的值进行与运算并返回结果。

运算规则

两个值中只要有一个值为false就返回false，只有两个值都为true时，才会返回true
JS中的“与”属于短路的与，如果第一个值为false，则不会看第二个值

3、|| 或


||可以对符号两侧的值进行或运算并返回结果

运算规则：、

两个值中只要有一个true，就返回true；

如果两个值都为false，才返回false

JS中的“或”属于短路的或，如果第一个值为true，则不会检查第二个值

二、赋值运算符


1、=

可以将符号右侧的值赋值给符号左侧的变量

2、+= 

a += 5 等价于 a = a + 5

3、-=

a -= 5 等价于 a = a - 5

4、*=

a *= 5 等价于 a = a * 5

5、/=

a /= 5 等价于 a = a / 5

6、%=

a %= 5 等价于 a = a % 5

三、关系运算符


通过关系运算符可以比较两个值之间的大小关系，如果关系成立它会返回true，如果关系不成立则返回false。

1、> 大于号
判断符号左侧的值是否大于右侧的值；

如果关系成立，返回true，如果关系不成立则返回false

2、>= 大于等于
判断符号左侧的值是否大于或等于右侧的值

3、< 小于号
4、<= 小于等于
5、非数值的情况
对于非数值进行比较时，会将其转换为数字然后在比较

如果符号两侧的值都是字符串时，不会将其转换为数字进行比较，而会分别比较字符串中字符的Unicode编码。

四、相等运算符


相等运算符用来比较两个值是否相等，如果相等会返回true，否则返回false。

1、使用 == 来做相等运算


当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后在比较，不相等，不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false。

2、使用 != 来做不相等运算


不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false

3、=== 全等


用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换，如果两个值的类型不同，直接返回false。

4、!== 不全等


用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型转换，如果两个值的类型不同，直接返回true。

五、条件运算符


1、语法


条件表达式?语句1:语句2。

2、执行的流程


条件运算符在执行时，首先对条件表达式进行求值，

如果该值为true，则执行语句1，并返回执行结果，

如果该值为false，则执行语句2，并返回执行结果，

如果条件的表达式的求值结果是一个非布尔值，会将其转换为布尔值然后在运算。

六、运算符


使用,可以分割多个语句，一般可以在声明多个变量时使用。

七、运算符优先级


在JS中有一个运算符优先级的表，在表中越靠上优先级越高，优先级越高越优先计算，

如果优先级一样，则从左往右计算。

但是这个表我们并不需要记忆，如果遇到优先级不清楚,可以使用()来改变优先级。

八、代码块


我们的程序是由一条一条语句构成的，语句是按照自上向下的顺序一条一条执行的，在JS中可以使用{}来为语句进行分组,同一个{}中的语句我们称为是一组语句，它们要么都执行，要么都不执行，一个{}中的语句我们也称为叫一个代码块，在代码块的后边就不用再编写;了。

JS中的代码块，只具有分组的的作用，没有其他的用途，代码块内容的内容，在外部是完全可见的。

九、流程控制语句


1、if


JS中的程序是从上到下一行一行执行的通过流程控制语句可以控制程序执行流程，使程序可以根据一定的条件来选择执行

（1）语句的分类：

条件判断语句
条件分支语句
循环语句
（2）条件判断语句

使用条件判断语句可以在执行某个语句之前进行判断，如果条件成立才会执行语句，条件不成立则语句不执行。

if语句

if(条件表达式){
    语句...
}


ifesle语句

if(条件表达式){
    语句...
}else{
    语句...
}


多else语句

if(条件表达式){
    语句...
}else if(条件表达式){
    语句...
}else if(条件表达式){
    语句...
}else{
    语句...
}


2、switch语句


switch(条件表达式){
    case 表达式:
        语句...
        break;
    case 表达式:
        语句...
        break;
    default:
        语句...
        break;
}


3、循环语句

（1）while循环

while(条件表达式){
    语句...
}

（2）do...while循环

do{
    语句...
}while(条件表达式)


do...while语句在执行时，会先执行循环体，
循环体执行完毕以后，在对while后的条件表达式进行判断，
如果结果为true，则继续执行循环体，执行完毕继续判断以此类推
如果结果为false，则终止循环。

do...while可以保证循环体至少执行一次，而while不能。

（3）创建一个循环，往往需要三个步骤

创初始化一个变量；
在循环中设置一个条件表达式；
定义一个更新表达式，每次更新初始化变量


4、for循环


（1）for循环的语法：

for(①初始化表达式;②条件表达式;④更新表达式){
    ③语句...
}


（2）for循环的执行流程：

①执行初始化表达式，初始化变量（初始化表达式只会执行一次）
②执行条件表达式，判断是否执行循环。
    如果为true，则执行循环③
    如果为false，终止循环
④执行更新表达式，更新表达式执行完毕继续重复②。

5、嵌套的for循环


99乘法表：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            
            /*
             * 1.打印99乘法表
             *      1*1=1
             *      1*2=2 2*2=4
             *      1*3=3 2*3=6 3*3=9
             *      1*4=4 2*4=8 3*4=12 4*4=16    
             *                         ....9*9=81
             * 
             * 2.打印出1-100之间所有的质数
             */
            
            //创建外层循环，用来控制乘法表的高度
            for(var i=1 ; i<=9 ; i++ ){
                //创建一个内层循环来控制图形的宽度
                for(var j=1 ; j<=i ; j++){
                    document.write("<span>"+j+"*"+i+"="+i*j+"</span>");
                }
                
                //输出一个换行
                document.write("<br />");
                
            }
            
            
        </script>
        <style type="text/css">
        
            body{
                width: 2000px;
            }
            
            span{
                display: inline-block;
                width: 80px;
            }
            
        </style>
    </head>
    <body>
    </body>
</html>

 6、break关键字


break关键字可以用来退出switch或循环语句，不能在if语句中使用break和continue，break关键字，会立即终止离他最近的那个循环语句。

7、continue关键字


continue关键字可以用来跳过当次循环，同样continue也是默认只会对离他最近的循环循环起作用。
————————————————
版权声明：本文为CSDN博主「哪 吒」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/guorui_java/article/details/121064772

尤翔宇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript基础语法之运算符
Science Explorer
08-19 297
一、运算符 1、JavaScript 拥有二元和一元运算符， 和一个特殊的三元运算符（条件运算符）。 一元运算符： 运算符 操作数 操作数 运算符 &amp;amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;amp;gt; /* * 一元运算符，只需要一个操作数 * + 正号 * ...
JavaScript零基础入门到精通视频教程
04-09
JavaScript零基础入门到精通视频教程 JavaScript零基础视频教程目录如下： 第01节 JavaScript面试中不可忽视的小问题\JavaScript视频课程-第01节 JavaScript面试中不可忽视的小问题 第02节 变量与常量\JavaScript...
JS运算符
wangyongqi的博客
12-27 3276
第1关：算术运算符 任务描述 本关任务：给定两个字符串变量，把它们转为数字后相除，拼接被除数、除数和余数为一个新的字符串。 例如：a为"5"，b为"3"，则c为数字2，拼接后结果为字符串"532"。 a为"23asdf"，b为"3fe"，则c为数字2，拼接后结果为字符串"23asdf3fe2"。 相关知识 JavaScript中的算术运算符除了数学中常见的加减乘除外，还有递增、递减和取余等。 + - * / %运算符 JavaScript中的加号除了具有数学中将两个数字相加的作用外，还能对字符串做连接操作。
JavaScript学习 - 基础(三) - 运算符
dixian4894的博客
10-21 332
js运算符 　　1.算数运算符 　　　　包括 加(+) 、减-() 、乘(*)、除(/)、余数(%) 　　　　 　　　　减号 还可以表示为 负号 例如: -1,-3 　　　　加号 还可以用于字符串拼接 例如: 'a' + 'b' = 'ab' 　　　　跟python一样 　　　　 　　　　累加、递减问题: 　　　　累加(++)递减(--):运算符在前先运算再输出,...
JavaScript入门（三）JS运算符、控制语句及数组
jwang的博客
11-04 450
前言       本章讲解js的运算符、控制语句和数组 方法 一、运算符 运算符的概念和Java保持一致！大家请自行查看JAVA入门（四）运算符 特别的： 等值运算符:==     先判断类型，类型一致则直接比较。             类型不一致，则先使用Number()进行强转后再进行比较。 等同运算符:===     先判断类型，类型一致则再比较内容，内容一致则返回true，内...
JavaScript运算符有哪些
weixin_34242509的博客
09-26 232
JavaScript中的运算符有很多，主要分为算术运算符，等同全同运算符，比较运算符，字符串运算符，逻辑运算符，赋值运算符等。这些运算符都有一些属于自己的运算规则，下面就为大家介绍一下JavaScript中的运算符。 一、JavaScript运算符的种类 1、算术运算符：+ 、 - 、* 、 / 、 % 、 -(一元取反) 、 ++ 、 -- 2、等同全同运算符：== 、 ===、 !== ...
JavaScript零基础入门到精通
最新发布
10-27
内容概要：介绍了JS数据类型、运算符、语句、函数、对象、正则表达式、事件和JSON等，并通过图片切换、鼠标点击、键盘移动、轮播图和二级菜单等练习来掌握基础的JS语法 适合人群：前端入门新手 学习目标：轮播图和...
JavaScript零基础入门（精品课）【2020新版】
06-22
以通俗易懂的方式全面讲解JavaScript技术，以知识讲解＋实战案例的方式帮您快速入门！ 课程内容包括： 1.JavaScript简介 2.JavaScript基本用法 3.变量和数据类型 4.运算符 5.数据类型转换 6.选择结构、循环...
JavaScript入门教程(2) JS基础知识
10-30
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责实现客户端的交互功能。...了解这些基础知识是学习JavaScript的关键，后续章节将深入探讨变量、数据类型、运算符、控制流程、函数等更多概念。
Javascript基础入门教程(pdf清晰版)
07-08
本教程是针对初学者设计的JavaScript基础入门教程，旨在帮助你理解这门语言的基本概念和常用语法。 一、JavaScript简介 JavaScript诞生于1995年，由Netscape公司的Brendan Eich设计。尽管其名称中包含“Java”，但...
黑马程序员——JavaScript基础3（JavaScript 运算符）
m0_48964052的博客
07-24 353
概念算术运算使用的符号，用于执行两个变量或值的算术运算。运算符描述实例+加-减*乘/除%取余数（取模）返回除法的余数9%2=1如果需要反复给数字变量添加或减去1，可以使用递增（++）和递减（–）运算符来完成。在JavaScript中，递增（++）和递减（–）既可以放在变量前面，也可以放在变量后面。放在变量前面时，我们可以称为前置递增（递减）运算符，放在变量后面时，我们可以称为后置递增（递减）运算符。注意递增和递减运算符必须和变量配合使用。概念/...
Javascript基础之(运算符)
YANGMENGZHENG的博客
11-09 726
目录 一、Javascript运算符 1、算术运算符 (1)、单目运算符 (2)、双目运算符 (3)、自增(++)和自减(--)运算符 2、比较运算符(关系运算符) 3、逻辑运算符 4、赋值运算符 5、位运算符 一、Javascript运算符 Javascript运算符用于赋值，比较值，执行算数运算等。 1、算术运算符 算符 描述 + 加法 - 减法 * 乘法 / 除法 % 取模（余数） ++ 自增 -- .
JS学习总结（3）——运算符/字符串
Arcgiser的博客
07-16 358
算术运算符 运算符 描述 + 加法 - 减法 * 乘法 / 除法 % 取模（余数） ++ 自增 – 自减 自增 自增运算符将数值增加1。 如果变量放在 ++ 之后(比如: ++x)，它返回自增后的值。 如果变量放在 ++ 之前(比如: x++)，它返回原始值，然后增加1。 var x = 1; var y = 1; var a = x++; // x 先赋值给 a, 然后执行 x = x + 1 操作 //a=1 var b = ++y; // 相当于 y 先
【JavaScript笔记 · 基础篇(三)】学会JavaScript所有的运算符，看这一篇就够啦！~
JZevin的博客
08-02 440
九. 运算符 表达式：运算符和操作数组成。 9.1 算数运算符 Number类型之间都可以进行常规的算数运算， 非Number类型在强类型语言中是不允许参与运算的。但在JS中可以，JS会把其他类型优先转换成数字类型继续运算。 比如： "12" --> 12 // 纯数字字符串 true --> 1 // boolean false --> 0 // boolean null --> 0 // null 也存在无法转换的情况，比如: 'a' --> NaN // 纯字
《JS权威指南》学习笔记（三）：表达式和运算符
VivianHope的专栏
04-18 402
eval JavaScript会解析并执行传入eval的字符串，eval使用了调用它的变量作用域环境。 直接使用eval时，它总是在调用它的上下文作用域内执行； 通过别名间接调用则使用全局对象作为上下文作用域，无法读、写、定义局部变量和函数，这使得函数内部的变量不会受到影响。 在严格模式下，eval执行的代码可以查询或更改局部变量，但不能在局部作用域中定义新的变量或函数。
JS学习-运算符篇
wf2397108372的博客
11-20 419
1.取余运算符 % ：-5%2=-1， 5%-2=1；符号取决于前一位数的正负。 2.指数运算符** ： 232=512 ；指数运算符是右结合，232===2**9 3.加法运算符+ ： 有相加和连接两种重载运算，1+1=2；1+ ‘1’=‘11’；对于对象相加,先执行对象的valueof()方法，再执行tostring()方法直到将object转为基础的三种类型。 var obj = { v...
JS中的 || 与 && 运算符详解
热门推荐
Joey3的博客
09-22 1万+
1、JS中的||符号： 运算方法： 只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。 只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。 总结：真前假后 2、JS中的&&符号： 运算方法： 只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值; 只要“&&am...
【前端学习 - JS （3）js运算符】
weixin_60364883的博客
12-15 937
js运算符： 1-1 delete 运算符 delete 运算符用来删除对象属性或者数组元素，如果删除成功或所删除的目标不存在，delete 将返回 true。 然而，并不是所有的属性都可删除: 一些内置核心和客户端属性是不能删除的 通过 var 语句声明的变量不能删除 通过 function 语句定义的函数也是不能删除的。 例如： var o = { x: 1, y: 2}; // 定义一个对象 console.log(delete o.x); // true
JavaScript基础入门教程：从零开始学习
该书作为图灵程序设计丛书中的一员，旨在提供一个从零基础开始的JavaScript学习路径，包括JavaScript语言基础、CSS、DOM（Document Object Model）、Ajax以及新兴的jQuery框架。 教程内容覆盖广泛，首先从...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值