JavaScript 中的运算符和表达式介绍
目录
- 1. 概述
- 1.1 运算符
- 1.2 表达式
- 2. 运算符的应用
- 2.1 算术运算符
- 2.2 字符串运算符
- 2.3 比较运算符
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 运算符内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！
相关推荐
-
JavaScript详细分析数据类型和运算符
目录 一.js中的数据类型 1.数值型 2.字符串型 3.逻辑(布尔)型 4.空(null)值 5.未定义(undefined) 6.复合数据类型Object 二.JavaScript中的运算符 1.算数运算符 2.赋值运算符 3.比较运算符 4.逻辑运算符 一.js中的数据类型 1.JS是弱类型的脚本语言,所有的变量对象的数据类型的声明都是var . 2.变量声明时没有确定具体的数据类型,在变量赋值时确定变量具体的数据类型. 五种基本的数据类型 1.数值型 number整数和浮点数统称为数值.
-
JavaScript中的运算符讲解
一.JavaScript 算术运算符 算数运算符用于对数字执行算数运算: +:加法 -:减法 *:乘法 /:除法 %:系数 ++:递加 --:递减 加法运算符(+)对数字相加: var x = 7; var y = 8; var z = x + y; 乘法运算符(*)对数字相乘: var x = 7; var y = 8; var z = x * y; 二.JavaScript 赋值运算符 赋值运算符向 JavaScript 变量赋值. =:x = y 等同于x = y +=:x += y 等同
-
JavaScript扩展运算符的学习及应用详情(ES6)
目录 学习 应用 函数参数 数组合并 解构赋值 字符串转换 转换数组 前言: 扩展运算符是ES6新增的一种运算符,他可以帮助我们简化代码,简化操作,所以在开发中是非常常用的,下面我将从学习与应用两个方面来带掘友学习扩展运算符. 学习 我们先来学习一下扩展运算符的使用语法 扩展运算符使用形式为...[1,2,3],...加上数组 其作用可以理解成与rest相反的操作,rest参数是在函数中将参数转化为数组形式传进函数内,而扩展运算符是将数组转换至以逗号相隔的参数序列. let arr = ["a&
-
JavaScript常用字符串与数组扩展函数小结
String对象的扩展函数: String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,""); } String.prototype.ltrim = function() { return this.replace(/^\s+/g,""); } String.prototype.rtrim = function() { return this.replace(/\s+$/g,&quo
-
JavaScript中的运算符种类及其规则介绍
JavaScript中的运算符有很多,主要分为算术运算符,等同全同运算符,比较运算符,字符串运算符,逻辑运算符,赋值运算符等.这些运算符都有一些属于自己的运算规则,下面就为大家介绍一下JavaScript中的运算符. 一.JavaScript运算符的种类 1.算术运算符:+ . - .* . / . % . -(一元取反) . ++ . -- 2.等同全同运算符:== . ===. !== . !=== 3.比较运算符:< . > . <= . >= 4.字符串运算符:< .
-
JavaScript中展开运算符及应用的实例代码
展开运算符(spread operator)允许一个表达式在某处展开.展开运算符在多个参数(用于函数调用)或多个元素(用于数组字面量)或者多个变量(用于解构赋值)的地方可以使用. let obj1 = { value1: 1, value2: 2 }; let obj2 = {...obj1 }; console.log(obj2); // {value1: 1, value2: 2} 上面的用法实际相当于 obj2 = {value1: 1, value2: 2} 展开运算符的写法与obj2
-
JavaScript中instanceof运算符的用法总结
JavaScript中instanceof运算符是返回一个 Boolean 值,指出对象是否是特定类的一个实例. 使用方法:result = object instanceof class其中result是必选项.任意变量.object是必选项.任意对象表达式.class是必选项.任意已定义的对象类. 说明如果 object 是 class 的一个实例,则 instanceof 运算符返回 true.如果 object 不是指定类的一个实例,或者 object 是 null,则返回 false.
-
javascript中in运算符用法分析
本文实例讲述了javascript中in运算符用法.分享给大家供大家参考.具体分析如下: in运算符希望它的左操作数是一个字符串或可以转换为字符串,希望他的右操作数是一个对象:如果右侧对象拥有一个名为左操作数值的属性名,那么表达式返回true: var point = {x:1,y:1}; "x" in point //true "z" in point //false "toString" in point //true var ary = [
-
JavaScript中new运算符的实现过程解析
这篇文章主要介绍了JavaScript中new运算符的实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 废话不多说直接进入正题,首先我们需要先知道new运算符到底做了哪些事情,再来模拟它实现这一功能. 1. 建立一个空的Object对象: 2. 把这个空对象用__proto__链接到原型 3. 用apply绑定对象的this指向 4. 返回新的对象 知道了new的具体过程之后,我们就可以来试一下用代码实现这一过程. // 传参 New
-
关于JavaScript 中 if包含逗号表达式
有时会看到JavaScript中if判断里包含英文逗号 ",",这个是其实是逗号表达式.在if条件里,只有最后一个表达式起判断作用. 请看如下示例: let a = 1, b = 2, c = 3; // if只判断最后一个表达式 if (a == 10, b == 20, c == 3) { console.log("c == 3"); } else { console.log("c != 3") } // 控制台输出: // c == 3 上
-
C++中的运算符和表达式
目录 (1)算术表达式 (2)赋值运算符 (3)逗号运算符 (4)关系运算符 (5)三元表达式 (6)sizeof函数 (7)数据类型转换 (7.1)显式转换 (7.2)隐式转换 (8)总结 在编程语言中“表达式”可以近似于“公式”,也就是按照自己的预期进行某种计算,表达式由运算符合操作数等构成.C++中包含单目(一元)运算符.双目(二元)运算符和三目(三元)运算符,相应的构成了多种表达式.运算符具有优先级和结合性,优先级指先后计算次序,结合性指同级运算符时按照自左向右还是自右向左进行计算. (
-
关于JavaScript 中 if包含逗号表达式
有时会看到JavaScript中if判断里包含英文逗号 “,”,这个是其实是逗号表达式.在if条件里,只有最后一个表达式起判断作用. 请看如下示例: let a = 1, b = 2, c = 3; // if只判断最后一个表达式 if (a == 10, b == 20, c == 3) { console.log("c == 3"); } else { console.log("c != 3") } // 控制台输出: // c == 3 上面if中有3个表达式
-
javascript中instanceof运算符的用法详解
概述 instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上 语法 obj instanceof Object;//true 实例obj在不在Object构造函数中 描述 instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上. 实例 1.instanceof的普通的用法,obj instanceof Object 检测Object.prototype是否存在于参数
-
JavaScript中setter和getter方法介绍
javascript中的setter.getter是平时接触比较少的方法,其本身也并不是标准方法,只在非ie浏览器里支持(ie内核也许有其他方法可以做到呢?暂时不知其解),但是加以利用可以做许多事情,比如: 1.对数据的访问限制: a.value是对value变量的getter方法调用,如果在getter方法实现中抛出异常,可以阻止对value变量的访问 2.对dom变量进行监听: window.name是一个跨域非常好用的dom属性(大名鼎鼎,详见百度),如果覆盖window.name的set