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 等同于x = x + y
  • -=：x –= y 等同于x = x - y
  • *=：x *= y 等同于x = x *y
  • /=：x /= y 等同于x = x / y
  • %=：x %= y 等同于x = x % y

赋值运算符（=）把值赋给变量。

var x = 15;

加法赋值运算符（+=）向变量添加一个值。

var x = 7;
x += 8;

三、JavaScript 字符串运算符

+ 运算符也可用于对字符串进行相加（concatenate，级联）。

txt1 = "Bill";
txt2 = "Gates";
txt3 = txt1 + " " + txt2;//Bill Gates

+= 赋值运算符也可用于相加（级联）字符串：

txt1 = "Hello ";
txt1 += "Kitty!";//Hello Kitty!

提示：在用于字符串时，+ 运算符被称为级联运算符。

一个数字和一个字符串相加将返回一个字符串：

x = 7 + 8;
y = "7" + 8;//78
z = "Hello" + 7;//Hello7

四、JavaScript 比较运算符(关系运算符)

  • ==：等于
  • ===：等值等型
  • !=:不相等
  • !==:不等值或不等型
  • >:大于
  • <:小于
  • >=:大于或等于
  • <=:小于或等于

比较不同的类型

比较不同类型的数据也许会出现不可预料的结果。

如果将字符串与数字进行比较，那么在做比较时 JavaScript 会把字符串转换为数值。空字符串将被转换为 0。非数值字符串将被转换为始终为 false 的 NaN。

五、JavaScript 逻辑运算符

  • &&:逻辑与
  • ||:逻辑或
  • !:逻辑非

六、JavaScript 类型运算符

  • typeof:返回变量的类型。
  • instanceof:返回 true，如果对象是对象类型的实例。

七、JavaScript 位运算符

位运算符处理 32 位数。该运算中的任何数值运算数都会被转换为 32 位的数。结果会被转换回 JavaScript 数。

  • &:与
  • |:或
  • ~:非
  • ^:异或
  • <<:零填充左位移
  • >>:有符号右位移
  • >>>:零填充右位移

八、逗号运算符

用逗号运算符可以在一条语句中执行多个运算。逗号运算符常用变量声明中。

var iNum1 = 1, iNum = 2, iNum3 = 3;

九、条件运算符（三元运算符）

语法：条件表达式?语句1:语句2;

var iMax = (iNum1 > iNum2) ? iNum1 : iNum2;

到此这篇关于JavaScript运算符的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

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

    目录 1. 概述 1.1 运算符 1.2 表达式 2. 运算符的应用 2.1 算术运算符 2.2 字符串运算符 2.3 比较运算符 1. 概述 1.1 运算符 运算符也称操作符,它是一系列操作符的符号:运算符用于将一个或几个值进行计算而生成的值,对其进行计算的值称为操作数,操作数可以为常量或变量:JavaScript 的运算符按操作数的个数分为单目运算符.双目运算符.三目运算符:按运算符的功能分为算术运算符.比较运算符.赋值运算符.字符串运算符.逻辑运算符.条件运算符.其他运算符: 1.2 表达

  • 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扩展运算符的学习及应用详情(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 算术运算符 算数运算符用于对数字执行算数运算: +:加法 -:减法 *:乘法 /:除法 %:系数 ++:递加 --:递减 加法运算符(+)对数字相加: 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中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中的运算符种类及其规则介绍

    JavaScript中的运算符有很多,主要分为算术运算符,等同全同运算符,比较运算符,字符串运算符,逻辑运算符,赋值运算符等.这些运算符都有一些属于自己的运算规则,下面就为大家介绍一下JavaScript中的运算符. 一.JavaScript运算符的种类 1.算术运算符:+ . - .* . / . % . -(一元取反) . ++ . -- 2.等同全同运算符:== . ===. !== . !=== 3.比较运算符:< . > . <= . >= 4.字符串运算符:< .

  • JavaScript中new运算符的实现过程解析

    这篇文章主要介绍了JavaScript中new运算符的实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 废话不多说直接进入正题,首先我们需要先知道new运算符到底做了哪些事情,再来模拟它实现这一功能. 1. 建立一个空的Object对象: 2. 把这个空对象用__proto__链接到原型 3. 用apply绑定对象的this指向 4. 返回新的对象 知道了new的具体过程之后,我们就可以来试一下用代码实现这一过程. // 传参 New

  • 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运算符的用法详解

    概述 instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上 语法 obj instanceof Object;//true 实例obj在不在Object构造函数中 描述 instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上. 实例 1.instanceof的普通的用法,obj instanceof Object 检测Object.prototype是否存在于参数

  • 实例讲解JavaScript中instanceof运算符的用法

    instanceof 运算符简介 在 JavaScript 中,判断一个变量的类型尝尝会用 typeof 运算符,在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 "object".ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题.instanceof 运算符与 typeof 运算符相似,用于识别正在处理的对象的类型.与 typeof 方法不同的是,instanceof 方法要求开发者明确地确

  • JavaScript中逗号运算符介绍及使用示例

    有一道js面试题,题目是这样的:下列代码的执行结果是什么,为什么? 复制代码 代码如下: var i, j, k; for (i=0, j=0; i<10, j<6; i++, j++) {   k = i+j; } document.write(k); 答案是显示10,这道题主要考察JavaScript的逗号运算符. 下面是MDN对逗号运算符的定义: 逗号运算符计算两个操作数(从左至右)并返回第二个操作数的值. 根据这个定义,可以扩展一下: 逗号运算符从左到右计算两个或多个操作数并返回最后一

  • JavaScript中instanceof运算符的使用示例

    instanceof运算符可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上. 实例一:普遍用法 A instanceof B :检测B.prototype是否存在于参数A的原型链上. function Ben() { } var ben = new Ben(); console.log(ben instanceof Ben);//true 实例二:继承中判断实例是否属于它的父类 function Ben_parent() {} function Ben_son

随机推荐