JavaScript运算符

本文深入讲解JavaScript中的各类运算符,包括基本运算符、算术运算符、赋值运算符、比较运算符、逻辑运算符及三元运算符,并探讨了运算符的优先级规则。

大家伙,欢迎观看JavaScript教程(六、JavaScript运算符)

一、基本运算符
赋值运算符 =

	var item;
	item = 10;//赋值

二、算数运算符
类型:+   -   *   /   %   ++   –

	var a = 10;
	var b = 5;
	console.log(a+b);//加法 15
	console.log(a-b);//减法 5
	console.log(a*b);//乘法 50
	console.log(a/b);//除法 2
	console.log(a%b);//取余数 0
	//递增
	var c = 20;
	//后递增,先计算后+1
	c++;
	//前递增,先+1后计算
	++c;
	//递减
	var d = 20;
	//后递减,先计算后-1
	d--;
	//前递减,先-1后计算
	--d;

特殊功能:
( + 隐式转换)

  1. 如果加号两端有一端不是数字,那么先将数字转换为字符串拼接
	var a = 10;
	var b = "5";
	console.log(a+b);//105 类型字符串
  1. 如果有多个加号,会按照从左到右的计算规则计算
	var a = 10;
	var b = "5";
	var c = "20";
	console.log(a+b+c);//10520 类型字符串
  1. (字符串转数字)parseInt 字符串转整数(自动忽略小数)
	var a = 10;
	var b = "5";
	var c = parseInt(b);
	console.log(a+c);
  1. 字符串转换小数 parseFloat
	var a = 10;
	var b = "5.5";
	var c = parseFloat(b);
	console.log(a+b);

剩余的算数运算符:

  1. 如果符号两端,有一端不是数字,那么先将不是数字的内容转换成数字,在运算
	var a = 10;
	var b = "5.5";
	console.log(a-b);// 5.5
  1. 如果不是数字的内容无法转换成数字,那么结果是NAN (no a number)
	var a = 10;
	var b = "abc";
	console.log(a-b);//NaN

三、赋值运算符
类型:+=   -=   *=   /=   %=

	var x = 10;
	x += 10;// 累加 x = x + 10; 20
	x -= 5;// 累减 x = x - 5; 5
	x *= 5;// 累乘 x = x * 5; 50
	x /= 2;// 累除 x = x / 2; 5
	x %= 5;// 累余 x = x % 5; 0

四、比较运算符
类型 :==   ===   !=   !==   >   <   >=   <=

	x==y; //判断是否相等(忽略变量类型)
	x===y;//判断是否相等(计算变量类型)
	x!=y;//判断是否不等(忽略变量类型)
	x!==y;//判断是否不等(计算变量类型)
	x>y;//判断是否大于
	x<y;//判断是否小于
	x>=y;//判断是否大于或等于
	x<=y;//判断是否小于或等于

总结:

  • 数字和其他内容进行比较,先将其他内容转换成数字,在计算
  • 布尔值(true 1 false 0),在和数字计算
  • 布尔值和字符串进行计较,都先转换成数字,在计算
  • undefiend和null本身是相等的
  • NaN 相当于 no null

五、逻辑运算符
类型:&&   ||   !

	// && 与  当运算符两端的表达式值均为真时,运算结果为真,否则为假
	var a = 10;
	var b = 20;
	var c = (x>5) && (b>10);
	console.log(c);//true
	
	// || 或 当运算符两端的表达式值有一个为真,运算结果为真,都为假时结果才假
	var a = 10;
	var b = 20;
	var c = (x>5) && (b<10);
	console.log(c);//true
	
	// !非 相反 表达式的值为假的时候,运算结果为真
	var a = 10;
	console.log(!(x>5));//false;
	console.log(!(x>20));//true

六、三木运算符
描述:用问号和冒号,分隔三个表达式。如果第一个表达式为true,
           则返回第二个值,否则返回三个值
语法:表达式1?表达式2:表达式3;

	var a = 18;
	var b = (a>=18)?'成年':'未成年';
	console.log(b);

七、运算符优先级

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值