javascript学习笔记(三)

最新推荐文章于 2023-07-10 14:52:01 发布
最新推荐文章于 2023-07-10 14:52:01 发布
阅读量544 收藏 1
点赞数 2
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51313985/article/details/116172830
版权

在这里插入图片描述
我带着新学到的知识又来了！！

逻辑运算符

JS中为我们提供了三种逻辑运算符
1.!非
!可以用来对一个值进行非运算，非运算就是指对一个布尔值进行取反操作,
true变false，false变true，如果对一个值进行两次取反，它不会变化。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反
在这里插入图片描述
在这里插入图片描述
数字转布尔都是true,所以取反是false。
我们现在不仅需要转成布尔值，而且要和原布尔值相同，就取两次非运算。
在这里插入图片描述
在这里插入图片描述
所以我们可以利用该特点,来将一个其他的数据类型转换为布尔值可以为一个任意数据类型取两次反，来将其转换为布尔值，原理和Boolean()函数一样，这也是个隐式转化。

2.&&与
&&可以对符号两侧的值进行与运算并返回结果
运算规则：
两个值中只要有一个值为false就返回false。
第一个值为true则检查第二个值。
在这里插入图片描述
在这里插入图片描述
看个直观一点的：
在这里插入图片描述
在这里插入图片描述

只有两个值都为true时,才会返回true。
在这里插入图片描述
在这里插入图片描述

JS中的“与”属于短路的与，如果第一个值为false，则不会看第二个值。
在这里插入图片描述
在这里插入图片描述
同样看个直观一点的：
在这里插入图片描述
在这里插入图片描述

2.||或
||可以对符号两侧的值进行或运算并返回结果
运算规则:
两个值中只要有一个true，就返回true
如果两个值都为false，才返回false

两个都是false，则返回false
在这里插入图片描述
在这里插入图片描述
只要有一个true就返回true
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
JS中的“或”属于短路的或
如果第一个值为true，则不会检查第二个值
在这里插入图片描述
在这里插入图片描述
如果第一个值为false，则会检查第二个值
在这里插入图片描述
在这里插入图片描述

非布尔值的与或运算
对于非布尔值进行与或运算时，会先将其转换为布尔值,然后再运算,并且返回原值
注意这里返回的不是true或者false而是原值！！！
非布尔值的与运算：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
总结一下：
如果第一个值为true，则必然返回第二个值
如果第一个值为false，则直接返回第一个值

非布尔值的或运算：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
总结一下：
如果第一个值为true，则直接返回第一个值
如果第一个值为false，则直接返回第二个值

赋值运算符

=
可以将符号右侧的值赋值给符号左侧的变量
在这里插入图片描述
在这里插入图片描述
将123赋值给a

*+= -= = /= %=
这些个知道一个，其它的就全部都知道了
在这里插入图片描述
在这里插入图片描述
**所以这里我们看到a+=1其实就等价于a=a+1,所以其它的也一样。

关系运算符

通过关系运算符可以比较两个值之间的大小关系。
**>**大于号
判断符号左侧的值是否大于右侧的
如果关系成立，返回true,如果关系不成立则返回false
**>=**同上
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
**<,<=**也同上

非数值的情况
对于非数值进行比较时，会将其转换为数字然后在比较
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
任何值和NaN做任何比较都是false
在这里插入图片描述
在这里插入图片描述
如果符号两侧的值都是字符串时
不会将其转换为数字进行比较，而会分别比较字符串中字符的Unicode编码
在这里插入图片描述
在这里插入图片描述
比较两个字符串时，比较的是字符串的字符编码
比较字符编码时是一位一位进行比较
如果两位一样，则比较下一位，所以可以借用它来对英文进行排序
比较中文没有意义
在这里插入图片描述
在这里插入图片描述
如果比较的两个字符串型的数字，可能会得到非预期的结果
在这里插入图片描述
注意:在比较两个字符串型的数字时，一定要转型
标签中在字符串中使用转义字符输入Unicode编码为：\u十六进制四位编码
在网页中使用Unicode编码为：&#十进制四位编码；
至于Unicode编码表大家就百度吧！

相等运算符

相等运算符用来比较两个值是否相等。
如果相等会返回true，否则返回false
使用**来做相等运算
当使用**来比较两个值时，如果值的类型不同，
则会自动进行类型转换，将其转换为相同的类型
然后在比较
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
undefined 衍生自null
所以这两个值做相等判断时，会返回true
在这里插入图片描述
在这里插入图片描述
NaN不和任何值相等，包括他本身
可以通过isNaN( )函数来判断一个值是否是NaN，如果该值是NaN则返回true,否则返回false

使用!=来做不相等运算
不相等用来判断两个值是否不相等，如果不相等返回true, 否则返回false
不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

**===**全等
用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换
如果两个值的类型不同，直接返回false
在这里插入图片描述
在这里插入图片描述

！==不全等
用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型
如果两个值的类型不同，直接返回true
在这里插入图片描述
在这里插入图片描述

条件运算符

条件运算符也叫三元运算符
语法:
条件表达式?语的1:语句2;
执行的流程:
条件运算符在执行时，首先对条件表达式进行求值。
如果该值为true,则执行语句1，并返回执行结果
在这里插入图片描述
在这里插入图片描述
如果该值为false,则执行语句2，并返回执行结果
在这里插入图片描述
在这里插入图片描述
获取a和b中的最大值
在这里插入图片描述
在这里插入图片描述
获取a,b,c中的大值
在这里插入图片描述
在这里插入图片描述
如果条件的表达式的求值结果是一个非布尔值，会将其转换为布尔值然后在运算
在这里插入图片描述
在这里插入图片描述

运算符的优先级

在这里插入图片描述
但是这个表并不需要记忆，遇到优先级不清楚，可以使用( )来改变优先级

代码块

我们的程序是由一条一条语句构成的
语句是按照自上向下的顺序- -条一条执行的
在JS中可以使用{ }来为语句进行分组,同一个{ }中的语句我们称为是一组语句,它们要么都执行,要么都不执行,一个{ }中的语句我们也称为叫一个代码块，且JS中代码块只有分组的作用没有其它作用，代码块的内容在外部是完全可见的。代码块后面就不用写分号了。
都是一些概念性的东西知道就行。

又是三天的结束！
在这里插入图片描述

未完待续…

bay0net
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
javascript学习笔记
11-24
JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的主要...
Ruffy javascript 学习笔记
10-29
Ruffy javascript 学习笔记
js数组的方法
m0_59006402的博客
06-10 546
some()
JavaScript查找一个数组中符合某个条件的值，并将符合条件的值存入新的数组
sisi_chen的博客
09-04 3万+
1. 利用find函数和es6箭头函数，下面方法取到数组中满足条件的第一个元素； var newArray = {};//新对象 var array = [ {name:'aiai',age:18}, {name:'sisi',age:18}, {name:'lulu',age:18}, {name:'sisi',age:19} ]; //查找符合条件值并存入新数组 newArra...
js中数组常用的方法
Wujunbin952的博客
07-11 513
js中数组常用的方法
js some方法 判断数组中是否存在某个值或者某个值为true
qq_30856967的博客
08-31 3342
var fruits = [‘apple’, ‘banana’, ‘mango’, ‘guava’]; var fruitsNew = []; function checkAvailability1(arr, val) { return arr.some(arrVal => { val == arrVal }) } checkAvailability1(fruits, 'kela'); // false checkAvailability1(fruits, 'banana'); //
数组
weixin_42575793的博客
12-25 192
数组的关键字 new 数组的时候 写一个值 代表的是数组的长度,多个值 里面值 数组的创建 var arrayObj = new Array();　//创建一个数组 var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, ...
JavaScript 学习笔记（十一）
10-29
继续学习的是document对象。
JavaScript学习笔记
06-23
本资源“JavaScript学习笔记”是为初学者精心准备的一份教程，旨在帮助你快速掌握JavaScript的基础知识，并解决在学习过程中可能遇到的问题。 1. **变量与数据类型**： JavaScript支持多种数据类型，包括基本类型...
数组的方法
weixin_28686261的博客
01-28 345
isArray isArray() 方法用于判断一个对象是否为数组，如果对象是数组返回 true，否则返回 false。 let arr = [1,2,3] Array.isArray(arr) //true || false forEach forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数，有三个参数，1必须，当前元素，2当前索引，3当前数组。 注意:forEach() 对于空数组是不会执行回调函数的。 let arr = [1,2,3] arr.forEach((.
判断数组或对象里是否有值
weixin_47353884的博客
07-10 136
【代码】判断数组或对象里是否有值。
javaScript数组方法记录——持续补充
qq_41534913的博客
03-31 746
数组方法记录 ...
JavaScript 检测数组的方法与转换为真数组
m0_58510118的博客
02-11 393
检测数据是否是真数组 1.isArray() : ES5静态方法 判断一个数据是不是为数组 var arr = [] console.log(Array.isArray(arr)); //true 2.isPrototypeOf() :判断对象的原型链上是否存在Array原型 var arr = [] console.log(Array.prototype.isPrototypeOf(arr));//true 3.instanceof：判断Array的原型在不在arr的原型链上 var a
js判断数组中是否存在某个值的几种方法
热门推荐
weixin_45022563的博客
08-13 8万+
array.indexOf 判断数组中是否存在某个值，如果存在返回数组元素的下标，否则返回-1 let arr = ['something', 'anything', 'nothing', 'anything']; let index = arr.indexOf('nothing'); # 结果：2 array.includes(searchElement[, fromIndex]) 判断一个数组是否包含一个指定的值，如果存在返回 true，否则返回false。 参数：search..
js运算符
qq_22547477的博客
07-14 229
运算符也被称为操作符 通过运算符可以对一个或多个值进行运算和操作 -typeof运算符 -用来检查一个变量的数据类型 -语法：typeof 变量 -它会返回一个用于描述类型的字符串作为结果 - 算数运算符 + 对两个值进行加法运算并返回结果 - 对两个值进行减法运算并返回结果 * 对两个值进行乘法运算并返回结果 / 对两个值进...
js数组常用方法
m0_61255425的博客
10-03 863
向数组的末尾添加元素（push） 从数组的末尾删除元素（pop） 向数组的开头添加元素（unshift） 从数组的开头删除元素（shift） 数组排序（sort） splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 数组反转（reverse） 连接两个数组（concat） 从数组中截取元素（slice） 查到数组中的元素 indexOf() inCludes() ...
js every和some的区别,every 只要值都是true才为true，有一个值为false就为false，some只要有一个值为true就都是true
L_C_sunny的博客
01-26 985
不要低头，皇冠会掉 every 只要都是true才为true，有一个值为false就为false， some与every正好相反，只要有一个值为true，都为true every 用法 //为true var arr = [{archive_tree_name: "产权证",jianZhiDangAnYuanIsDelete: true},{archive_tree_name: "产权证1",jianZhiDangAnYuanIsDelete: true},{archive_tree_name: "产权
js中三个判断的应用——if else、三元运算符、switch case
weixin_44867717的博客
10-21 2643
js中三个判断的应用——if else、三元运算符、switch case 区别 if 、else if、else 是最常用的判断，可以解决js中的所有的判断需求 三元运算符应用于简单的if else情况 switch case应用于不同值情况下的不同操作 1、if else if中的条件可以是变量，小于、大于、等于，还可以是一个布尔值（判断当前的值代表的是真还是假） if中的条件还可以是多个小的条件组合，中间用 ||（只要有一个为真 整体就为真） 和&&（所有的小条件都为
前端学习笔记 javascript
最新发布
08-31
对于前端学习笔记，我可以给你一些常见的主题和要点，帮助你开始学习前端开发。 1. HTML基础： - 了解HTML的基本结构和标签 - 学习如何创建和组织网页内容 - 掌握常用的HTML标签，如标题、段落、链接、图像等 2. ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值