当前位置: 首页 > news >正文

JavaScript 运算符和表达式(二)

JavaScript 运算符和表达式(二)

  • 2. 运算符的应用
    • 2.4 赋值运算符
    • 2.5 逻辑运算符
    • 2.6 条件运算符
    • 2.7 其他运算符
      • 1. 逗号运算符
      • 2. typeof 运算符
      • 3. new 运算符
    • 2.8 运算符的优先级

2. 运算符的应用

2.4 赋值运算符

JavaScript 中的复制运算分为简单赋值运算复合赋值运算
简单赋值运算是将赋值运算符(=)右边表达式的值保存到左边的变量中;
复合赋值运算混合了其他操作(如算术运算操作)和赋值操作;

sum+=i;		//等同于sum=sum+i;

20220506
例子 1:用赋值运算符实现两个数值之间的运算

<html>
	<head>
		<meta charset="utf-8">
		<title>赋值运算符</title>
	</head>
	<body>
	<script>
		var a = 10,b = 5;
		document.write("a = 10,b = 5");
		document.write("<br />");
		document.write("a+=b运算后:");
		a+b;
		document.write("a="+a);
		document.write("<br />");
		document.write("a-=b运算后:");
		a-b;
		document.write("a="+a);
		document.write("<br />");
		document.write("a*=b运算后:");
		a*b;
		document.write("a="+a);
		document.write("<br />");
		document.write("a/=b运算后:");
		a/b;
		document.write("a="+a);
		document.write("<br />");
		document.write("a%=b运算后:");
		a%b;
		document.write("a="%a);
		document.write("<br />");
	</script>
	</body>
</html>

20220506

2.5 逻辑运算符

逻辑运算符用于对一个或多个布尔值进行逻辑运算;
20220606
例子 2:

<html>
	<head>
		<meta charset="utf-8">
		<title>逻辑运算符</title>
	</head>
	<body>
	<script>
		var a = 10;
		document.write("a"+a);
		document.write("<p>a>0&&a<10的结果:</p>")
		document.write(a>0&&a<10);
		document.write("<p>a>0||a<10的结果:</p>")
		document.write(a>0||a<10);
		document.write("<p>!a>0的结果:</p>")
		document.write(!a>0);
	</script>
	</body>
</html>

20220506

2.6 条件运算符

条件运算符是JavaScript 支持的一种特殊的三目运算符
语法格式如下:

表达式?结果1:结果2

若“表达式”的值为TRUE,则整个表达式的结果为“结果1”,否则为“结果2”;

例子 3:条件运算符实现判断功能

<html>
	<head>
		<meta charset="utf-8">
		<title>条件运算符</title>
	</head>
	<body>
	<script>
		var a = 10;
		var b;
		b=(a>=18)?"成年":"未成年";
		document.write("a的年龄为:"+a+"岁");
		document.write("<br />");
		document.write("a是:"+b+"");
	</script>
	</body>
</html>

20220506

2.7 其他运算符

1. 逗号运算符

逗号运算符用于将多个表达式排在一起,整个表达式的值为最后一个表达式的值;

例子 4:

<html>
	<head>
		<meta charset="utf-8">
		<title>逗号运算符</title>
	</head>
	<body>
	<script>
		var a,b,c,d;
		a=(b=2,c=4,d=6);
		alert("a的值为"+a)
	</script>
	</body>
</html>

20220506

2. typeof 运算符

typeof 运算符用于判断操作数的数据类型;
它可以返回一个字符串,该字符串说明了操作数是什么数据类型,这对于判断一个变量是否已被定义特别有用;
语法格式如下:

typeof 操作数

20220606
例子:5:用 typeof 运算符判断4个变量的数据类型

<html>
	<head>
		<meta charset="utf-8">
		<title>逗号运算符</title>
	</head>
	<body>
	<script>
		var a,b,c,d;
		a = 2;
		b = "age";
		c = true;
		d = null;
		alert("a的数据类型为"+(typeofa)+"\nb的数据类型为"+(typeof b)+"\nc的数据类型为"+(typeof c)+"\nd的数据类型为"+(typeof d))
	</script>
	</body>
</html>

20220506

3. new 运算符

JavaScript 中有很多内置对象,如字符串对象、日对象和数值对象等,通过 new 运算符能创建一个内置对象实例;
语法格式如下:

对象实例名称 = new 对象类型(参数)
对象实例名称 = new 对象类型

当创建对象实例时,若没用到参数,则能省略圆括号,这种省略方式只限于 new 运算符

例子 6:用 new 运算符创建对象实例

mybatis = new Object;
mybatis1 = new Array();
mybatis2 = new Date("Augst 9 2021");

2.8 运算符的优先级

JavaScript 运算符都有明确的优先级结合性
优先级较高的运算符将先于优先级较低的运算符进行运算;
结合性则指具有同等优先级的运算符将按照怎样的顺序进行运算;
20220506
例子 7:用()来改变运算符的优先级
表达式 b=2+33 的结果为11,因乘法的优先级比加法的优先级高,将被优先运行;
通过"()" 让运算符的优先级改变,括号内的表达式将被优先执行,所以表达式 b=2+3
3 的结果为15;

<html>
	<head>
		<meta charset="utf-8">
		<title>改变运算符的优先级</title>
	</head>
	<body>
	<script>
		var a = 2+3*3;
		var b = (2+3)*3;
		document.write("2+3*3="+a+"<br/>(2+3)*3="+b);
	</script>
	</body>
</html>

20220506

相关文章:

  • js arr.reduce() reduce方法应用
  • Day 56 Django 连接数据库 ORM
  • 深度学习中的激活函数有哪些?
  • Image through Atmospheric Turbulence笔记(一)
  • 遇到的一些奇怪的bug(非代码问题)与解决方法
  • 鸟哥私房菜linux就该这么学-学习记录
  • 猿创征文| Mybatis报错原因和解决方法:Invalid bound statement (not found): com.xxx.mapper.xxx
  • 算法学习-单调栈,接雨水经典题目
  • 2.Dos命令
  • 操作系统复习:进程
  • 经典/最新计算机视觉论文及代码推荐
  • python搞笑表白
  • Mycat的概述及MySQL主从复制部署安装
  • 江汉大学计算机考研资料汇总
  • iOS 小组件 widget 编辑小组件
  • 收藏网友的 源程序下载网
  • Android路由框架AnnoRouter:使用Java接口来定义路由跳转
  • bootstrap创建登录注册页面
  • ES6--对象的扩展
  • iOS帅气加载动画、通知视图、红包助手、引导页、导航栏、朋友圈、小游戏等效果源码...
  • Linux快速复制或删除大量小文件
  • magento2项目上线注意事项
  • Mysql优化
  • nginx 配置多 域名 + 多 https
  • Python_网络编程
  • Swift 中的尾递归和蹦床
  • vue.js框架原理浅析
  • 读懂package.json -- 依赖管理
  • 前端代码风格自动化系列(二)之Commitlint
  • 人脸识别最新开发经验demo
  •  一套莫尔斯电报听写、翻译系统
  • 怎么将电脑中的声音录制成WAV格式
  • #Linux(make工具和makefile文件以及makefile语法)
  • #LLM入门|Prompt#3.3_存储_Memory
  • #NOIP 2014# day.1 T3 飞扬的小鸟 bird
  • $ is not function   和JQUERY 命名 冲突的解说 Jquer问题 (
  • (14)学习笔记:动手深度学习(Pytorch神经网络基础)
  • (c语言)strcpy函数用法
  • (C语言)共用体union的用法举例
  • (react踩过的坑)antd 如何同时获取一个select 的value和 label值
  • (二)丶RabbitMQ的六大核心
  • (附源码)springboot人体健康检测微信小程序 毕业设计 012142
  • (附源码)计算机毕业设计SSM教师教学质量评价系统
  • (七)Knockout 创建自定义绑定
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (淘宝无限适配)手机端rem布局详解(转载非原创)
  • (转)h264中avc和flv数据的解析
  • (转)ORM
  • (转)程序员技术练级攻略
  • (转)一些感悟
  • ******之网络***——物理***
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .NET Project Open Day(2011.11.13)
  • .NET/C# 在代码中测量代码执行耗时的建议(比较系统性能计数器和系统时间)...
  • .NET基础篇——反射的奥妙