JavaScript操作符

原文

博客原文

大纲

前言
1、一元操作符
2、位操作符
3、布尔操作符(逻辑操作符)
4、乘性操作符
5、加性操作符
6、关系操作符(比较运算符)
7、相等操作符(比较运算符)
8、条件操作符
9、赋值操作符
10、逗号操作符

前言

ECMAScript描述了一组用于操作数据值的操作符,包括算数操作符(如加号和减号)、位操作符、关系操作符和相等操作符。ECMAScript操作符的与众不同之处在于,它们能够适用于很多值,例如字符串、数字值、布尔值,甚至对象。不过,在应用于对象时,相应的操作符通常都会调用对象的valueOf()和(或)toString()方法,以便取得可以操作的值。

1、一元操作符

1.1、一元操作符:只能操作一个操作一个数的操作符叫做一元操作符。
1.2、一元操作符有递增、递减、一元加、一元减、delete、void、typeof、按位非(~)、按位与(!)。
1.3、递增有前置递增和后置递增,递减有前置递减也有后置递减
1.4、递增和递减操作符对任何类型的数据都是有效的,若遇到不是Number类型,会先将其转换其Number的类型,转换方法和转型函数Number()一致。
1.5、一元加和一元减主要用于基本的算数运算,其主要是转换数据的正负性,对任何类型的数据都有效,若不是Number类型,将按照Number()的转换方式将其先转换成Number类型。

2、位操作符

2.1、位操作符用于最基本的层次上,即按内存中表示数值的位来操作数值。
2.2、位操作符并不直接操作64位的值,而是先将64位的值转换成32位的整数,然后执行操作,最后再将结果转换回64位。对于开发人员来说,由于64位存储格式是透明的,因此整个过程就像是只存在32位的整数一样。
2.3、ECMAScript会尽力向我们隐藏所有这些信息,换句话说,在以二进制字符串输出一个负数时,我们看到的只是这个负数绝对值的二进制码前面加上了一个负号。
2.4、由于运算的过程中会将64位数值转换为32位数值,而这个转换过程的副效应是在对特殊的值:NaN和Infinity值的时候,会将其当做0来处理。
2.5、对于非Number的数值,会先使用Number()方法将其转换成Number类型再进行位运算。
2.6、位操作符主要有:

/*
  按位非(NOT)
  按位非操作的本质:操作数的负值减1,但是按位非是在数值表示的最底层执行操作,因此速度更快
*/
var num1 = 25;
var num2 = ~num1;
console.log(num2);//-26
var num3 = -num1 -1
console.log(num3);//-26
/*
  按位与(AND)
*/
var num1 = 25 & 3;
console.log(num1);//1
/*
  按位或(OR)
*/
var num1 = 25 | 3;
console.log(num1);//27
/*
  按位异或(XOR)
*/
var num1 = 25 ^ 3;
console.log(num1);//26
/*
  左移(<<)
  左移的本质是将要左移的数乘以2的左移次方的结果
*/
var num1 = 2;
var num2 = num1 << 5;
console.log(num2);//64
console.log(2*32);//64//2^5=32
var num1 = 7;
var num2 = num1 << 5;
console.log(num2);//224
console.log(7*32);//224
/*
  有符号的右移(>>)
*/
var num1 = 64;
var num2 = num1 >> 5;
console.log(num2);
console.log(64/32);//2^5=32
/*
  无符号右移(>>>)
*/
var num1 = 64;
var num2 = num1 >>> 5;
console.log(num2);
console.log(64/32);//2^5=32
3、布尔操作符(逻辑操作符)

布尔操作符一共有3个:非(NOT)、与(AND)、或(OR)

3.1、逻辑非(!)
  逻辑非操作符首先会将它的操作数转换为一个布尔值,然后再对其求反。
  逻辑非操作符可以用于将一个值转换为与其对应的布尔值,通过同时使用两个逻辑非操作符来
达到Boolean()的效果
  逻辑非操作符遵循下列规则:
        如果操作数是一个对象,返回false;
        如果操作数是一个空字符串,返回true;
        如果操作数是一个非空字符串,返回false;
        如果操作数是数值0,返回true;
        如果操作数是任意非0数值(包括Infinity),返回false;
        如果操作数是null,返回true;
        如果操作数是NaN,返回true;
        如果操作数是undefined,返回true
3.2、逻辑与(&&)
  逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的
情况下,逻辑与操作就不一定返回布尔值;此时,他遵循下列规则:
  逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作
数求值。即如果第一个操作数是false,那么返回false,下列的操作也就没有了。
    如果第一个操作数是对象,则返回第二个操作数
    如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回
该对象
    如果两个操作数都是独享,则返回第二个操作数
    如果有一个操作数是null,则返回null
    如果有一个操作数是NaN,则返回NaN
    如果有一个操作数是undefined,则返回undefined
3.3、逻辑或(||)
  与逻辑与操作相似,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值;此时,它
遵循下列规则:
  逻辑非操作符是短路操作符,也就是说,如果第一个操作数的求值结果为true,就不会对第
二个操作数求值了,也就不会对下列操作进行判断了
    如果第一个操作数是对象,则返回第一个操作数
    如果第一个操作数的求值结果为false,则返回第二个操作数
    如果两个操作数都是对象,则返回第一个操作数
    如果两个操作数都是null,则返回null
    如果两个操作数都是NaN,则返回NaN
    如果两个操作数都是undefined,则返回undefined
4、乘性操作符

乘性操作有:乘法、除法、求模
在操作非数值的情况下,会先将非数值的数据通过Number()的方法将其转换成数值类型再进行计算

4.1、乘法
  如果乘积超过了ECMAScript数值的表示范围,则返回Infinity和-Infinity
  如果有一个操作数是NaN,则结果是NaN
  如果是Infinity与0相乘,则结果是NaN
  如果是Infinity与非0数值相乘,则结果是Infinity或-Infinity,取决于有符号操作数
的符号
  如果是Infinity与Infinity相乘,则结果是Infinity
  如果有一个操作数不是数值,则在后台调用Number()将其转换为数值,然后再应用上面的
规则.
4.2、除法
  如果商超过了ECMAScript数值的表示范围,则返回Infinity或-Infinity
  如果有一个操作数是NaN,则结果是NaN
  如果是Infinity被Infinity除,则结果是NaN
  如果是零被零除,则结果是NaN
  如果是非零的有限数被零除,则结果是Infinity或-Infinity,取决于有符号操作数的符号
  如果是Infinity被任何非零数值除,则结果是Infinity或-Infinity,取决于有符号操作数
的符号
4.3、求模
  如果被除数是无穷大值而除数是有限大的数值,则结果是NaN
  如果被除数是有限大的数值而除数是零,则结果是NaN
  如果是Infinity被Infinity除,则结果是NaN
  如果被除数是有限大的数值而除数是无穷大的数值,则结果是被除数
  如果被除数是零,则结果是零
5、加性操作符

加性操作有:加法、减法

5.1、加法
  如果两个操作数都是数值,则执行常规的加法计算,有如下特殊规则
  如果有一个操作数是NaN,则结果是NaN
  如果是Infinity加Infinity,则结果是Infinity
  如果是-Infinity加-Infinity,则结果是-Infinity
  如果是Infinity加-Infinity,则结果是NaN
  如果是+0加+0,则结果是+0
  如果是-0加-0,则结果是-0
  如果是+0加-0,则结果是+0

如果有一个操作数是字符串,那么就有如下规则
  如果操作数都是字符串,则将两个字符串拼接起来
  如果有一个操作数是字符串,另一个不是字符串,则会通过toString()方法获取相应的字符
串,然后再将其拼接起来
5.2、减法
  同样的,减法对于数据的操作也有其特殊性
  如果有一个操作数是NaN,则结果是NaN
  如果是Infinity减Infinity,则结果是NaN
  如果是-Infinity减-Infinity,则结果是NaN
  如果是Infinity减-Infinity,则结果是Infinity
  如果是-Infinity减Infinity,则结果是-Infinity
  如果是+0减+0,则结果是+0
  如果是+0减-0,则结果是-0
  如果是-0减-0,则结果是+0
6、关系操作符(比较运算符)

关系操作符:< 、> 、 <= 、>=

6.1、不同类型数据之间的比较
  如果两个操作数都是数值,则执行数值比较
  如果两个操作数都是字符串,则比较两个字符串对应的字符编码值(从头一一对比,有结果
就停止)
  如果一个操作数是数值,则将另一个操作数转换成一个数值,然后进行比较
  如果一个操作数是对象,则调用对象的valueOf()方法,用得到的结果执行比较,如果没有
valueOf()则调用toString()方法,用得到的结果执行操作
  如果一个操作数是布尔值,则将其转换为数值,然后再比较
  任何操作数与NaN进行比较,结果都是false
7、相等操作符(比较运算符)

相等操作符有相等、不相等(——先转换再比较)和全等、不全等(——仅比较不转换)。

7.1、如果是不同数据类型,比较之前需要进行转型操作
  如果有一个操作数是布尔值,则在比较的时候先将其转换为数值,false为0,true为1
  如果一个操作数是字符串,则另一个操作数是数值,则比较之前先将字符串转换为数值
  如果一个操作数是对象,另一个不是,则调用对象的valueOf()方法,得到基本数据类型再按
前面的规则比较
7.2、特殊值的特殊比较
  null和undefined是相等的
  要比较相等性之前,不能将null和undefined转换成其他任何职
  如果有一个操作数是NaN,则相等操作符返回false,即使两个操作数都是NaN,也返回false
  如果两个操作数都是对象,则比较他们是不是同一个对
象,如果两个操作数都指向同一个对象,则相等
    
    null == undefined  true
    "NaN" == NaN       false
    5 == NaN           false
    NaN == NaN         false
    NaN != NaN         true
    false == 0         true
    true == 1          true
    true == 2          false
    undefined ==0      false
    null == 0          false
    "5" == 5           true
7.3、全等和不全等

除了在比较之前不转换数据类型之外,全等和不全等操作符与相等和不相等操作符没有什么区别。
由于相等和不相等操作符存在类型转换问题,而为了保持代码中数据类型的完整性,我们推荐使用全等和不全等操作符。

8、条件操作符

条件操作符算是ECMAScript最灵活的一种操作符

var variable = boolean_expression ? true_value : false_value;

求最大值

var max = (num1 > num2) ? num1 : num2;
9、赋值操作符

简单的赋值操作符由等于号(=)表示,其作用就是把右侧的值赋给左侧的变量。

var num = 10;
10、逗号操作符

使用逗号操作符可以在一条语句中执行多个操作,如下面的例子所示:

var num1=1,num2=2,num3=3

逗号操作符多用于声明多个变量;但除此之外,逗号操作符还可以用于赋值。在用于赋值时,逗号操作符总会返回表达式中的最后一项,如下面的例子所示:

var num = (5,1,5,8,0);//num的值为0
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容

  • 一元操作符 只能操作一个值的操作符。 递增和递减操作符 前置型:位于要操作的变量之前; 后置型:位于要操作的变量之...
    Sketch阅读 329评论 0 0
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,114评论 0 13
  • 第1章 JavaScript 简介 JavaScript 具备与浏览器窗口及其内容等几乎所有方面交互的能力。 欧洲...
    力气强阅读 1,111评论 0 0
  • 1.递增与递减操作符 前置递增和递减操作时,变量的值都是在语句被求值之前改变的 后置递增和递减操作是在包含他们的语...
    闪电西兰花阅读 192评论 0 0
  • 1、标识符 标识符是指变量、函数、属性的名字,或函数的参数。 格式规则: 第一个字符必须是一个字母、下划线(_)或...
    霜天晓阅读 688评论 0 0