JavaScript运算符

本文深入讲解JavaScript中的一元运算符、逻辑运算符、关系运算符及条件运算符等核心概念。解析了各种运算符的工作原理及其应用场景,如自增自减、与或非运算以及特殊值比较等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一元运算符

一元运算符只需要一个操作数
+ 正号 不会对数字产生任何影响
- 负号 负号可以对数字进行符号的取

对于非Number类型的值,它会先将其转换为Number,然后再运算
可以对一个其他的数据类型使用+ 来将其转换为number,它的原理和Number()函数一样

var result = +null;
console.log("result = "+result);
console.log(typeof result);  

运行结果:
这里写图片描述

自增和自减

自增++

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

var d = 20;
var result = d++ + ++d + d;//20+22+22
console.log("result = "+result);

这里写图片描述

var d = 20;
//d++ = 20;
d = d++;
/*可分解成:
var e = d++;
d = e;
 */
console.log("d= "+d);

这里写图片描述

逻辑运算符

1、与 &&(类比爱情)

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

运算规则:

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

2、或 || (类比亲情)

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

运算规则:

两个值中只要有一个true 就返回true
如果两个之都为false 才返回false
js中的“或” 属于短路的或
如果第一个值为true 则不会检查第二个值

3、非!

!可以用来对一个值进行非运算
所谓非运算 就是指对一个布尔值进行取反操作
true变false false变true
如果对非布尔值进行运算 则会将其转换为布尔值 再取反
所以我们可以利用该特点 来将一个其他的数据类型转换为布尔值
可以为一个任意数据类型取两次反,来将其转换为布尔值
原理和Boolean()函数一样

var b = 10;
b = !b;
console.log("b = "+b);
console.log(typeof b);

运行结果:

这里写图片描述

对于非布尔值进行与或运算时,会先将其转换为布尔值,然后再运算,并且返回原值

与运算:

  如果第一个值为true 则必然返回第二个值
  如果第一个值为false 则直接返回第一个值
  //true && true
  var result = 1 && 2;
  console.log("result = "+result);

运算结果:

这里写图片描述

或运算:

如果第一个值为true,则直接返回第一个值
如果第一个值为false 则返回第二个值
  //如果第一个值为true,则直接返回第一个值
  result = 1 || 2;
  console.log("result = "+result);
  result = 2 || NaN;
  console.log("result = "+result);
  result = 2 || 0;
  console.log("result = "+result);
//如果第一个值为false,则直接返回第二个值
  result = NaN || 1;
  console.log("result = "+result);
  result = NaN || 0;
  console.log("result = "+result);
  result = "" || "hello";
  console.log("result = "+result);
  result = -1 || "你好";
  console.log("result = "+result);

这里写图片描述

关系运算符

对于非数值进行比较时 会将其转换为数字然后再比较
任何值和NaN做任何比较都是false
如果符号两侧的值都是字符串时 不会将其转换为数字进行比较 而会分别比较字符串中字符集的unicode编码

//任何值和NaN做任何比较都是false
console.log(10 <= "hello");//false
console.log(true>false);//true

//比较两个字符串时 比较的是unicode编码
console.log("1"<"5");//true
console.log("11"<"5")//true

//比较字符编码时时一位一位进行比较
//如果两位一样,则比较下一位,所以借用它来对英文进行排序
//比较中文没有意义(unicode编码根据康熙词典排序的)
console.log("abc"<"b");//true

条件运算符

条件运算符也叫三元运算符
语法:

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

执行的流程:

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

### JavaScript 运算符解释与使用 #### 关系运算符 关系运算符用于比较两个操作数之间的大小关系。常见的关系运算符有小于($lt)[^3]、大于($gt)、小于等于($lte) 和 大于等于($gte)。 例如,在数据库查询中可以找到年龄介于特定范围内的文档: ```javascript db.person.find({"age": {"$gt": 25, "$lt": 30}}) ``` 这会返回所有年龄严格大于25岁且严格小于30岁的记录。 #### 相等性运算符 相等性运算符用来判断两个值是否相同或不同。包括等于($eq)、不等于($ne)[^3]、属于某集合($in) 及完全匹配数组中的元素($all)。 比如查找年龄为25岁或35岁的人员信息: ```javascript db.person.find({age:{"$in":[25,35]}}) ``` 此命令将获取那些年龄恰好是25岁或是35岁的个体资料。 除了上述提到的关系和相等性运算符外,JavaScript还支持其他类型的运算符如逻辑运算符(&&, ||)、位运算符(&, | , ^ 等),以及赋值运算符(=)。对于更复杂的条件表达式,则可利用三元运算符来简化代码结构,其语法形式如下所示[^1]: ```javascript condition ? exprIfTrue : exprIfFalse; ``` 这种简洁的形式非常适合处理简单的分支逻辑,尤其是在事件处理器属性内编写少量代码时非常有用。 #### 函数定义及其应用 函数是一组执行特定任务的语句块;通过`function`关键字声明并赋予独一无二的名字加上圆括号里的参数列表构成。函数能够接收零个或多个输入参数,并对其实施各种计算最终给出一个输出结果。下面是一个简单加法函数的例子[^2]: ```javascript function addNumbers(x, y) { return x + y; } console.log(addNumbers(2, 3)); // 输出:5 ``` 这里展示了如何创建接受两个数值作为参数并将它们相加以得到总和的功能模块。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值