Javascript运算符——算术运算符、三元运算符、自增 与 自减、比较运算符、逻辑运算符、= 与== 与 === 的区别

2024-04-13 01:08

本文主要是介绍Javascript运算符——算术运算符、三元运算符、自增 与 自减、比较运算符、逻辑运算符、= 与== 与 === 的区别,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

1、算术运算符

2、三元运算符

3、自增 自减 / 递增 递减

4、比较运算符

5、逻辑运算符

6、双非 !! 作用讲解

运算符优先级

= 与== 与 === 的区别 


1、算术运算符


1. 加号 +(可用于字符串拼接)

加号两侧同时为数字,进行加法运算
加号两侧任何一侧为字符串,表示字符串拼接        (符号两侧要用空格隔开)

2.减号 -         3.乘号 *         4.除号 /        5.取余 %(只有+号会进行字符串的拼接,其余不会)

在进行减 乘 除 取余运算时:

符号两侧同时为数字进行对应的算术运算,若其中有一侧为非数字,则运算时会把该侧转换为数字,转换成功,进行对应的算术运算,转换失败,得到NaN(Not a Number非数字)    

  <script>/*+ 加- 减* 乘/ 除% 取余数*/console.log(2 + 3);console.log(2 - 3);console.log(2 * 3);console.log(2 / 3);console.log(3 % 2);console.log(4 % 2); //余数0</script>
  1. +=  加等
  2. -= 减等
  3. *= 乘等
  4. /= 除等
  5. %= 
 var a = 10;a = a + 2;a += 2; // 输出12 和a=a+3结果相等,加等 
//其他几个用法相同

 字符拼接问题:

   console.log(2 + 4 + "=" + 6); //6=6console.log(4 + "=" + 3 + 1); //4=31 从左往右依次运算,先乘除,后加减,有括号先算括号内的console.log(4 + "=" + (3 + 1)); //4=4

2、三元运算符

语法: 条件        ?语句1        :语句2;

条件成立执行语句1,条件不成立执行语句2

<script>// 举例:var a = prompt('请输入数字'),b = prompt('请输入数字');a > b//条件? document.write(a + b)//语句1: document.write(b + a);//语句2//举例var num = prompt("请输入一个数字", 0);num % 2 == 0 ? console.log(num + "是偶数") : console.log(num + "是奇数");</script>

3、自增 自减 / 递增 递减

递增(++)

递减(- -)

放在变量前面时,我们称为前置递增(递减)运算符

放在变量后面时,我们称为后置递增(递减)运算符

注意:递增和递减运算符必须和变量配合使用。

①前置递增运算符

++num num = num + 1

使用口诀:先自加,后返回值

var num = 10;
alert (++num + 10); // 21

②后置递增运算符

num ++ num = num +1

使用口诀:先返回原值,后自加

var num = 10;
alert(10 + num++); // 20

③小结

  • 前置递增和后置递增运算符可以简化代码的编写,让变量的值 + 1 比以前写法更简单
  • 单独使用时,运行结果相同,与其他代码联用时,执行结果会不同
  • 开发时,大多使用后置递增/减,并且代码独占一行

4、比较运算符

 除恒等外,其他比较过程都会进行类型转换 (但两侧同为字符串时不能自行完成类型转换

  • 大于>
  • 小于<
  • 小于等于<=
  • 大于等于>=
  • 等于==
  • 不等于!=
  • 恒等===

     返回布尔值

    console.log(5 > 8); //falseconsole.log(5 < 8); //trueconsole.log(5 >= 8); //false console.log(5 <= 8); //trueconsole.log(5 == 5); //trueconsole.log(5 == "5"); //true 比较过程中也会进行类型转换console.log(5 === "5"); //false恒等,值和类型都要相等,不会进行类型转换console.log(1 == true); //trueconsole.log(null == undefined); //trueconsole.log(null == 0); //falseconsole.log(0.1 + 0.2 == 0.3); //false

5、逻辑运算符

  •  逻辑与 &&   符号两侧同时为真,才为真,其他情况均为假
  • 逻辑或 ||   符号两侧同时为假才为假,其他情况均为真
  • 逻辑非 !非真即假 非假即真
  • !!双等号可进行类型转换  两个!!就可以将变量或属性转化为对应布尔值

6、双非 !! 作用讲解

javascript中的!!是逻辑"非非",即是在逻辑“非”的基础上再"非"一次。通过!或!!可以将很多类型转换成bool类型,再做其它判断。

使用javascript时,有时会在变量前面加上两个感叹号,这样做表示什么含义呢?Javascript中,!表示运算符“非”,如果变量不是布尔类型,会将变量自动转化为布尔类型,再取非,那么用两个!!就可以将变量转化为对应布尔值。

详情参考http://t.csdn.cn/0VkoT

    //逻辑与&&  符号两侧同时为真,才为真,其他情况均为假//短路console.log(true && true); //trueconsole.log(true && false); //falseconsole.log(false && false); //false//逻辑或||  符号两侧同时为假才为假,其他情况均为真console.log(true || true); //trueconsole.log(true || false); //trueconsole.log(false || false); //false// 逻辑非 ! 非真即假 非假即真console.log(!true); //falseconsole.log(!false); //true

运算符优先级

优先级运算符顺序
1小括号()
2一元运算符++ - - !
3算数运算符先 * / % 后 + - (先乘除后加减)
4关系运算符> >= < <
5相等运算符==、   !=  、  ===、   !==
6逻辑运算符先  &&  后  ||
7赋值运算符=(赋值运算符优先级最低)
 

= 与== 与 === 的区别 

=表示赋值

== 表示相等 (值相等)
===表示恒等(类型和值都要相等)
js在比较的时候如果是 == 会先做类型转换,再判断值得大小,如果是===类型和值必须都相等。

这篇关于Javascript运算符——算术运算符、三元运算符、自增 与 自减、比较运算符、逻辑运算符、= 与== 与 === 的区别的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/898743

相关文章

JVM 的类初始化机制

前言 当你在 Java 程序中new对象时,有没有考虑过 JVM 是如何把静态的字节码(byte code)转化为运行时对象的呢,这个问题看似简单,但清楚的同学相信也不会太多,这篇文章首先介绍 JVM 类初始化的机制,然后给出几个易出错的实例来分析,帮助大家更好理解这个知识点。 JVM 将字节码转化为运行时对象分为三个阶段,分别是:loading 、Linking、initialization

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

浅析Spring Security认证过程

类图 为了方便理解Spring Security认证流程,特意画了如下的类图,包含相关的核心认证类 概述 核心验证器 AuthenticationManager 该对象提供了认证方法的入口,接收一个Authentiaton对象作为参数; public interface AuthenticationManager {Authentication authenticate(Authenti

Spring Security--Architecture Overview

1 核心组件 这一节主要介绍一些在Spring Security中常见且核心的Java类,它们之间的依赖,构建起了整个框架。想要理解整个架构,最起码得对这些类眼熟。 1.1 SecurityContextHolder SecurityContextHolder用于存储安全上下文(security context)的信息。当前操作的用户是谁,该用户是否已经被认证,他拥有哪些角色权限…这些都被保

Spring Security基于数据库验证流程详解

Spring Security 校验流程图 相关解释说明(认真看哦) AbstractAuthenticationProcessingFilter 抽象类 /*** 调用 #requiresAuthentication(HttpServletRequest, HttpServletResponse) 决定是否需要进行验证操作。* 如果需要验证,则会调用 #attemptAuthentica

Spring Security 从入门到进阶系列教程

Spring Security 入门系列 《保护 Web 应用的安全》 《Spring-Security-入门(一):登录与退出》 《Spring-Security-入门(二):基于数据库验证》 《Spring-Security-入门(三):密码加密》 《Spring-Security-入门(四):自定义-Filter》 《Spring-Security-入门(五):在 Sprin

Java架构师知识体认识

源码分析 常用设计模式 Proxy代理模式Factory工厂模式Singleton单例模式Delegate委派模式Strategy策略模式Prototype原型模式Template模板模式 Spring5 beans 接口实例化代理Bean操作 Context Ioc容器设计原理及高级特性Aop设计原理Factorybean与Beanfactory Transaction 声明式事物

百度/小米/滴滴/京东,中台架构比较

小米中台建设实践 01 小米的三大中台建设:业务+数据+技术 业务中台--从业务说起 在中台建设中,需要规范化的服务接口、一致整合化的数据、容器化的技术组件以及弹性的基础设施。并结合业务情况,判定是否真的需要中台。 小米参考了业界优秀的案例包括移动中台、数据中台、业务中台、技术中台等,再结合其业务发展历程及业务现状,整理了中台架构的核心方法论,一是企业如何共享服务,二是如何为业务提供便利。

Java进阶13讲__第12讲_1/2

多线程、线程池 1.  线程概念 1.1  什么是线程 1.2  线程的好处 2.   创建线程的三种方式 注意事项 2.1  继承Thread类 2.1.1 认识  2.1.2  编码实现  package cn.hdc.oop10.Thread;import org.slf4j.Logger;import org.slf4j.LoggerFactory

JAVA智听未来一站式有声阅读平台听书系统小程序源码

智听未来,一站式有声阅读平台听书系统 🌟&nbsp;开篇:遇见未来,从“智听”开始 在这个快节奏的时代,你是否渴望在忙碌的间隙,找到一片属于自己的宁静角落?是否梦想着能随时随地,沉浸在知识的海洋,或是故事的奇幻世界里?今天,就让我带你一起探索“智听未来”——这一站式有声阅读平台听书系统,它正悄悄改变着我们的阅读方式,让未来触手可及! 📚&nbsp;第一站:海量资源,应有尽有 走进“智听