JS基础笔记(一)3运算符

最新推荐文章于 2022-10-18 15:49:30 发布
最新推荐文章于 2022-10-18 15:49:30 发布
阅读量305 收藏
点赞数
分类专栏： JS笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44488397/article/details/103925565
版权

运算符

运算符也叫操作符
通过运算符可以对一个或多个值进行运算
比如：typeof就是运算符，可以来获得一个值的类型
它会将该值的类型以字符串的形式返回
number、string、boolean、undefined、object

算术运算符

  • 当对非Number类型的值进行运算时，会将这些值转换为Number然后再运算
  • 任何值和NaN做运算都得NaN
  • （+）可以对两个值进行加法运算，并将结果返回
    如果对两个字符串进行加法运算，则会做拼串
    会将两个字符串拼接成一个字符串，并返回
    任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作
  • （-）可以对俩个值进行减法运算，并将结果返回
  • （*）可以对俩个值进行乘法运算，并将结果返回
  • （/）可以对俩个值进行除法运算，并将结果返回
  • (%)取模运算(取余数)

任何值和字符串相加都会转换为字符串,并做拼串操作
我们可以利用这一特点，来将一个任意的数据类型转换为String
我们只需要为任意的数据类型+一个""即可转换为String
这是一种隐式的类型转换，由浏览器自动完成，实际上他也是调用了String()函数

一元运算符

一元运算符，只需要一个操作数
+ 正号

  • 正号不会对数字产生影响
    - 负号
  • 负号可以对数字进行负号取反
  • 对于非Number类型的值
    它会将先转换为Number，然后再运算
    可以对一个其他数据类型使用+，来将其转换为number
    它的原理和Number()函数一样

逻辑运算符

JS中为我们提供了三种逻辑运算符
!非

  • !可以用来对一个值进行非运算
    &&与
    ||或

自增和自减

自增++

  • 通过自增可以使变量在自身的基础加1
  • 对于一个变量自增以后，原变量的值会立即自增1
  • 自增分为两种：后++(a++)和前++(++a)
    无论是a++还是++a，都会立即使原变量的值自增1
    不同的是a++和++a的值不同
    a++的值等于原变量的值(自增前的值)
    ++a的值等于原变量自增后的值(自增后的值)
    自减–
  • 通过自减可以使变量在自身的基础上-1
  • 自减分为两种：后–(a–)和前–(--a)
    无论是a–还是–a，都会立即使原变量的值减1
    不同的是a-- 和 --a的值不同
    a–是变量的原值(自减前的值)
    –a是变量的新值(自减以后的值)

非布尔值的逻辑运算符

&& || 非布尔值的情况

  • 对于非布尔值进行或运算时。
    会将其先转换为布尔值，然后再运算，并且返回原值
  • 与运算：
    -如果第一个值为true，则必然返回第二个值
    如果第一个值为false，则直接返回第一个值
  • 或运算：
    -如果第一个值为true，则直接返回第一个值
    -如果第一个值为false，则返回第二个值

JS逻辑运算符

JS中为我们提供了三种运算符
! 非

  • !可以用来对一个值进行非运算
  • 所谓非运算就是值对一个布尔值进行取反操作，
    true变false，false变true
  • 如果对一个值进行俩次取反，它不会发生变化
  • 如果对非布尔值进行取反，则会将其先转换为布尔值，然后取反
    所以我们利用该特点，来将一个其他的数据类型转换为布尔值
    可以为一个任意数据数据类型取俩次反，来将其转换为布尔值，
    原理和Boolean()函数一样。
    &&与
  • &&可以对符号俩侧的值进行与运算并返回结果
  • 运算规则
    俩个值中只要有一个为false就返回false
    只要俩个值都为true时，才会返回true
  • JS中的“与”属于短路与
    如果第一个值为false，则不会看第二个值
    ||或
  • || 可以对符号俩侧的值进行运算并返回结果
  • 运算规则中：
    俩个值中只要有一个true，就返回true
    如果两个值都为false，才返回false
  • JS中的“或”属于短路的或
    如果第一个值为true，则不会检查第二个值

赋值运算符

  • =
    可以将符号右侧的值赋给符号左侧的变量
    +=
    a += 5 等价于 a = a + 5
    -=
    a -= 5 等价于 a = a -5
    *=
    a *= 5 等价于 a = a * 5
    /=
    a /= 3 等价于 a = a / 3
    %=
    a %= 3 等价于 a = a % 3

关系运算符

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

  1. (>)大于号

判断符号左侧的值是否大于符号右侧
如果关系成立，返回true，如果关系不成立则返回false

  1. (>=) 大于等于

    ​ 判断符号左侧的值是否大于或等于右侧的值

  2. (<) 小于号
    <=小于等于
    非数值情况
    对于非数值进行比较时，会将其转换为数字然后进行比较
    如果符号俩侧都是字符串时，不会将其转换为数字进行比较
    而会分别比较字符串中字符的Unicode编码

Unicode编码

在网页中使用Unicode编码
&#编码；这里编码需要的是10进制而JS写的是16进制
在字符串中使用转义字符输入Unicode编码
\u四位编码

console.log("\u1C00");
console.log("\u2620");

相等运算符

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

  1. 使用 == 来做相等运算
    当使用==来比较俩个值时，如果值的类型不同，则会自动进行类型比较，将其转换为相同的类型然后比较。
  2. 不相等
    不相等判断俩个值是否相等，如果不相等返回true，否则返回false
    使用 != 来做不相等运算
    不相等也会对变量进行自动的类型转换，如果转换后相等它也返回false
  3. ===全等
    用来判断俩个值是否全等，它和相等类似，不同的是它不会做自动的类型转换。
    如果俩个值的类型不同直接返回false。
  4. !== 不全等
    用来判断俩个值是否不全等，和不等类型，不同的是它不会做自动的类型转换。如果两个值的类型不同，直接返回true

条件运算符

条件运算符也叫三元运算符

  1. 语法：
    条件表达式?语句1:语句2;
  2. 执行流程：
    条件运算符在执行时，首先对条件表达式进行求值，
    如果该值为true，则执行语句1，并返回执行结果
    如果该值为false，则执行语句2，并返回执行结果
    如果条件的表达式的求值结果是一个非布尔值，会将其转换为布尔值然后再运算

运算符的优先级

运算符
使用，可以分割多个语句，一般可以在声明多个变量时使用
// 使用,运算符同时声明多个变量
// var a, b, c;
//可以同时声明多个变量并赋值
// var a=1,b=2,c=3;
就和数学中一样，在JS中运算符也有优先级，
比如：先乘除 后加减
在JS中有一个运算符优先级的表，
在表中越靠前优先级越高，优先级越高越优先计算，
如果优先级一样则从左往右运算。
不用记表，用括号套就行

代码块

  1. 我们的程序是由一条一条的语句构成的
    语句是按照自上向下的顺序一条一条执行的
    在JS中可以使用{}来为语句进行分组，
    同一个{}中的语句我们称为一组语句，
    它们要么执行，要么都不执行，
    一个{}中的语句我们也称为叫一个代码块
    在代码块的后边就不用再编写;了
  2. JS中的代码块只具有分组的作用，没有其他的用途
    代码块内部的内容在外部是完全可见的
阿贾KS
关注
专栏目录
JavaScript高级程序设计（第3版）学习笔记4 js运算符和操作符
01-19
在ECMAScript中，有非常丰富的运算符和操作符，在这篇文章中将按通常的分类来稍微整理一下，不过在整理之前，先说明一下： ...3、对于一些编程语言通用的运算符，比如常用算术运算符（+-*/），我只会简单的列举一
Javascript学习笔记 delete运算符
12-12
一、语法 delete后面的表达式必须给出一个属性的引用，比如 var o = {a:1}; delete o.a; //此处o.a是对象o的属性a的引用 只有在with语句里才能使用单独的属性名 代码如下: with(o){ delete a; } 二、delete的返回值 ...
JavaScript:三目运算符
weixin_53542481的博客
01-20 1万+
HELLO 大家好！ 三目运算符是一个非常简单且使用的运算符。 是由两个运算符连接的三个操作数据或者表达式 条件表达式?表达式1:表达式0 当条件表达式为true则选择表达式1,反之false则选择表达式0 举个栗子 var age=15; console.log(age<18?'未成年':'成年'); 结果为： · · · 本人写博客就是想记录一下自己所学的知识（目前正在学习中），巩固知识加深记忆，也顺便分享一下自己的所学，有什么地方写的不对，希望大家可以多多指出，让我及时改正。如果我分享的
4.js运算符,js三目运算符
嘻哈怪才的博客
04-26 690
js运算符 单目运算符:自增自减 自增 ++ 变量的值每次加1,再赋给变量; 自减 – 变量的值每次减1,再赋值给变量; 双目运算符: + 加 - 减 * 乘 / 除 % 求余 = 赋值 += 加等 -= 减等 /= 除等 *= 乘等 %= 求余等 <script> var a = 1; var b = 2; document.write(a+b+"<br>"); document.write(a-b+"<br>"); document.write(a*b+"&l
js 中三目运算
可可的博客
02-20 894
function test(p){ var a=5,b=12; return p&gt;1?p&lt;b?p&gt;b:p=6:p=3;//这一行中出现了多个问号和冒号，求解释！ } p&gt;1?p&lt;b?p&gt;b:p=6:p=3 p&gt;1? 整体 :p=3 1. p&gt;1   p&lt;b?p&gt;b:p=6 1.1 p&lt;b  p&gt;b 1.2 P&gt;...
js 三级运算表达式运用
qq_42174597的博客
10-28 431
1.动态样式里 三级表达式的写法 <li v-for="(item, index) in listData" :key="index"> <div class="ww"> <div class="ee"> //不同字段表示不同颜色 <p class="title2" v-text="item.riskgrade" v-bind:clas..
js运算符+运算方式
weixin_33898233的博客
01-04 211
用于字符串的 + 运算符 条件运算符 又叫做逻辑运算符 1==1?"aaa":"ccc"; 三步运算符： 条件？”满足”:”不满足”; 实例： 1==11？consloe.log（“aaa”）：consloe.log(“bbb”); 比较运算符 运算符 描述 例子 == 等于 x...
Javascript学习笔记-详解in运算符
01-19
一、判断 语法 prop in objectName 如果objectName指向的对象中含有prop这个属性或者键值，in运算符会返回true。 代码如下: var arr = [‘one’,’two’,’three’,’four’]; arr.five = ‘5’; 0 in arr;//true ...
JavaScript语言笔记包括运算符、条件语句、循环、类型转换等
最新发布
04-09
### JavaScript语言笔记详解 #### 一、JavaScript 运算符 **JavaScript运算符**是用于执行基本算术操作的关键组成部分。下面将详细介绍算术运算符、赋值运算符以及字符串运算符。 ##### 算术运算符 1. **加法 (`...
详解JavaScript三元运算符的使用方法
徊忆羽菲
11-02 2567
JavaScript之三元运算符三元条件运算符例子 三元条件运算符 格式： 表达式1?表达式2:表达式3 说明：如果表达式1为true ，则整个表达式的结果就是表达式2的值，如果表达式false，则整个表达式的结果就是表达式3的值 例子 1、使用三元运算符计算2个数的最大值 <script type="text/javascript"> var a,b,c; a=window.prompt("第1个数");//从页面中接受的是字符串 b=window.prompt("第2个数"); c=Numb
js循环三步走---根据循环-计算有一定的年利率涨到目标金额需要多少时间
weixin_47295886的博客
10-18 354
console.log('金额:'+money);初始化变量--在循环中设置 表达式--定义更新表达式，每次更新初始变量。console.log('金额:'+money+'年份：'+n);第二年：1000*1.05*5%+1000*1.05=第一年：1000*5%+1000=1000*1.05。var n = prompt('请输入年份：');break可以退出循环可以退出switch。第n年=前一年*1.05。
详解JS中三元运算符的语法和常见用法
qq_29701691的博客
10-18 5376
您提供一个要测试的条件，后跟一个问号，然后是两个用冒号分隔的表达式。在许多情况下，您可能正在处理可能有也可能没有定义值的变量——例如，从用户输入检索结果时，或从服务器检索数据时。尽管三元运算符是内联使用的，但可以将多个条件用作三元运算符表达式的一部分。通常，一个变量的值可能取决于另一个变量或条件的值。但是，在第二部分中，当应用相同的条件时，三元运算符中的条件将失败，因为。正如本教程中的示例所解释的，JavaScript 中的三元运算符有很多用例。例如，如果您想根据变量的值决定运行哪个函数，您可以使用以下。
JavaScript三元运算
abc689101的博客
03-28 2万+
三元运算符是 JavaScript 仅有的使用三个操作数的运算符。一个条件后面会跟一个问号（?），如果条件为 truthy ，则问号后面的表达式A将会执行；表达式A后面跟着一个冒号（:），如果条件为 falsy ，则冒号后面的表达式B将会执行。本运算符经常作为 if 语句的简捷形式来使用。（MDN） 使用三元运算符可以代替简单的 if 语句，让代码更简洁，减少分支。其中条件为假的情况除了false，有以下几种：Null，undefined，NaN ，0(数字0)，空字符串。这些值有在Boolean...
JavaScript运算符—其他运算符，运算顺序
qq_36836277的博客
03-10 211
学习网站： https://mp.weixin.qq.com/s/wnXjYkqJMS1HnD8zqgss0A 2、逗号运算符 逗号运算符用于对两个表达式求值，并返回后一个表达式的值。 'a', 'b' // "b" var x = 0;var y = (x++, 10); x // 1 y // 10 上面代码中，逗号运算符返回后一个表达式的值。 逗号运算符的一个用途是，在返回一个值之前，进行...
JS中运算符详解
懒羊羊我小弟的博客
05-17 5810
JS中运算符详解 js中运算符有很多，还有一下ES新添加的实用运算符，掌握这些运算符可以使日常开发更加流畅，增加了语法的灵活性；下面就让我们了解一下js有哪些操作符： 1.数学运算符 数学运算符就是常见的加(+)、减(-)、乘(*)、除(/)、等于(=)、求幂(**)、自增(++)、自减(--)、加等于(+=)、减等于(-=)等 let num = 0; num = 1 + 3 - 4 / 2 * 2; // 0 num = num++; // 1 num = num--; // 0 num += 1; /
JS中 逗号运算符(多元运算符) 和 eval()
weixin_47075145的博客
06-26 770
目录逗号运算符(多元运算符) eval()理论：使用逗号操作符可以在一条语句中执行多个操作var re = A,B,C,D,E,F; 会把逗号隔开的表达式全部执行，最后一个运行的表达式的结果就是逗号运算符的结果所以re ==>F案例1： var a,b,c,d=20;的意思是：隐式操作：var a;var b;var c;var d= 20;整个只有d=20，a,b,c都只是声明了没有赋值 案例2： 分析:浏览器会认为 30+50这已经是一个表达式结束了，不会执行,40,20;但是程序又有这部
js中的三目运算符详解
热门推荐
sysuzhyupeng的博客
02-08 11万+
判断 javascript中的三目运算符用作判断时，基本语法为: expression ? sentence1 : sentence2 当expression的值为真时执行sentence1，否则执行 sentence2， 请看代码 var b = 1, c = 1 a = 2; a &gt;= 2 ? b++ : b--; b ...
JavaScript之三元运算符
流年
06-03 3万+
三元条件运算符 格式： 表达式1?表达式2:表达式3 说明：如果表达式1为true ，则整个表达式的结果就是表达式2的值，如果表达式false，则整个表达式的结果就是表达式3的值. 例子： 1、使用三元运算符计算2个数的最大值 var a,b,c; a=window.prompt("第1个数");//从页面中接受的是字符串 b=window.prompt("第2个数");
js三目运算符
Bombas的博客
07-02 1万+
三木元算符样式：    条件判断  ？ A(是) ： B(否)   并返回值    判断条件是否成立，若成立返回A，若不成立返回B三目运算符极大的简化了if语句，同时又可以直接对判断的值进行返回，基本等同于在if else 的语句中，加入了return。例子1： 若 var a = 1 == 1 ？ 'A' : 'B'； 此时a为何值很明显，答案为“A”，我们在声明一个变量的同时给它赋值为 1 ，...
JavaScript基础笔记：类型转换与运算符理解
本资源是一份关于JavaScript基础的markdown笔记，主要涵盖了以下几个核心知识点： 1. **类型转换** - JavaScript允许在不同数据类型之间进行转换。首先，通过`toString()`方法可以将数字变量`num`转换为字符串类型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值