文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript中的运算符和表达式介绍

2024-04-02 19:55

关注

1. 概述

1.1 运算符

运算符也称操作符,它是一系列操作符的符号;运算符用于将一个或几个值进行计算而生成的值,对其进行计算的值称为操作数,操作数可以为常量或变量
JavaScript 的运算符按操作数的个数分为单目运算符、双目运算符、三目运算符;
按运算符的功能分为算术运算符、比较运算符、赋值运算符、字符串运算符、逻辑运算符、条件运算符、其他运算符;

1.2 表达式

表达式是运算符和操作数组合而成的式子,表达式的值就是对操作数进行比较运算后的结果;
表达式是以运算为基础,表达式按其运算结果可分为如下3中:

注意: 表达式是一个相对的概念,在表达式中能含有若干个子表达式,而且表达式中的一个常量或变量可看作一个表达式;

2. 运算符的应用

2.1 算术运算符

算术运算符用于在程序中进行加、减、乘、除等操作;

例子1:声明两个变量(a,b),再通过算术运算符对两个变量进行不同的运算,输出结果

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

注意: “+” 号除了能作为算术运算符外,还能连接字符串;

2.2 字符串运算符

字符串运算符用于两个字符串类型数据之间的运算符,它的作用是将两个字符串连接起来;
JavaScript 中,可使用“+” 或 “+=” 对字符串尽心连接运算;
“+” 运算符用于连接两个字符串,“+=” 运算符能连接两个字符串,还能将结果赋给第一个字符串;

例子2:将多个字符串进行连接,并输出

<html>
	<head>
		<meta charset="utf-8">
		<title>字符串运算符</title>
	</head>
	<body>
	<script>
		var name,age,sex,height,weight;
		name = "王子";
		age	= 23;
		sex = "男";
		height = "189cm";
		weight = "74kg";
		alert("姓名:"+name+"\n年龄:"+age+"\n性别:"+sex+"\n身高:"+height+"\n体重:"+weight);
	</script>
	</body>
</html>

注意: JavaScript 脚本会根据操作数的数据类型来确定表达式中的 “+” 是算术运算符还是字符串运算符;在两个操作数中只要有一个是字符串类型,那么这个 “+” 就是字符串运算符,而不是算术运算符;

2.3 比较运算符

比较运算符的基本操作过程为:先对操作数进行比较,这个操作数可以为数字也可以为字符串,再返回一个布尔值 TRUE 或 FALSE;

例子 3:运用比较运算符比较两个数值

<html>
	<head>
		<meta charset="utf-8">
		<title>比较运算符</title>
	</head>
	<body>
	<script>
		var a = 23;
		document.write("a 变量的值为:"+a);
		document.write("<br />");
		document.write("a>22:")
		document.write(a>22);
		document.write("<br />")
		document.write("a<22:")
		document.write(a<22);
		document.write("<br />")
		document.write("a=22:")
		document.write(a==22);
		document.write("<br />")
		document.write("a!=22:")
		document.write(a!=22);
		document.write("<br />")
	</script>
	</body>
</html>

到此这篇关于JavaScript 中的运算符和表达式介绍的文章就介绍到这了,更多相关JavaScript 运算符内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯