web前端学习

概述

运算符也称操作符，是完成一系列操作的符号。运算符用于将一个或几个值进行计算，然后生成一个新的值，这些参与计算的值称为操作数。操作数可以是常量，也可以是变量。运算符和操作数组成的式子称为表达式。表达式的运算规则基本是先运算括号，再按照运算符的优先级从左到右依次进行。表达式的值就是对操作数进行运算后的结果。根据操作数个数的不同，运算符可以分为单目运算符、双目运算符、三目运算符。根据功能的不同，运算符可以分为算术运算符、关系运算符、赋值运算符、逻辑运算符、条件运算符。

1.算术运算符

算术运算符包括：加（+）、减（−）、乘（*）、除（/）、自加（++）、自减（−−）、取余（%）运算符。

1．加减乘除（+ − * /）加减乘除运算符都属于双目运算符。 2．自加（++）自加运算符属于单目运算符，它可以使变量的值自动加1，该运算符有两种情况：（1）i++，在使用i之后，使i的值加1 （2）++i，在使用i之前，先使i的值加1 例如：a = ++i，相当于 i=i+1; a = i;a = i++，相当于 a = i; i=i+1 3．自减（−−）自减运算符属于单目运算符，它可以使变量的值自动减1，该运算符有两种情况：（1）i−−，在使用i之后，使i的值减1 （2）−−i，在使用i之前，先使i的值减1 4．取余（%）取余运算符属于双目运算符，它是指整数a对整数b求余。（取余运算的两个操作数的数据类型都要求为整型）

	
var a = 1,b = 1,c = 1,d = 1;
//整型-十进制
var num1 = a++;
//整型-十六进制
var num2 = ++b;
//浮点型-传统计数法
var num3 = c--;
//浮点型-十进制
var num4 = --d;

2.关系运算符

关系运算符用于测试操作数之间的关系：包括小于（<）、大于（>）、小于等于（<=）、大于等于（>=）、等于（==）、全等于（===）、不等于（!=）、非全等于（!==）。关系运算符属于双目运算符，根据这些关系存在与否返回一个布尔型数值，即true或false。它主要应用于数字型数据之间，也可以用于字符型和布尔型数据之间。

1．小于（<）如果左边的操作数小于右边的操作数，则返回true；否则返回false 2．大于（>）如果左边的操作数大于右边的操作数，则返回true；否则返回false 3．小于等于（<=）如果左边的操作数小于或等于右边的操作数，则返回true；否则返回false 4．大于等于（>=）如果左边的操作数大于或等于右边的操作数，则返回true；否则返回false 5．等于（==）如果模糊比较左边的操作数等于右边的操作数，则返回true；否则返回false 6．全等于（===）如果精准比较左边的操作数值与类型都等于右边的操作数，则返回true；否则返回false 7．不等于（!=）如果模糊比较左边的操作数值不等于右边的操作数，则返回true；否则返回false 8．不全等于（!==）如果精准比较左边的操作数值或类型不等于右边的操作数，则返回true；否则返回false

	
var x = 5;
console.log(x!=="5");

3.赋值运算符

赋值运算可以分为以下两种：（1）简单赋值运算是将赋值运算符（=）右边表达式的值保存到左边的变量中。（2）复合赋值运算混合了其他运算符（如算术运算符）和赋值运算符，如+=、−=、*=、/=等，表示将运算符左边的变量与右边的变量或常量进行运算，然后将运算结果赋值给左边的变量。

	
var a = 16, b = 10;
//表示a=a+b=16+10=26
a += b;
console.log(a);

4.逻辑运算符

逻辑运算符一般用于布尔型数据，通常逻辑运算符与关系表达式配合使用。逻辑运算符的返回值是true或false。逻辑运算符包含与（&&）、或（||）、非（!）

1．逻辑与（&&）双目运算符，其运算对象均为真时，结果为真；运算对象只要有一个为假，结果为假。 2．逻辑或（||）双目运算符，其运算对象均为假时，结果为假；运算对象只要有一个为真，结果为真。 3．逻辑非（!）单目运算符，其运算对象为真时，结果为假；运算对象为假时，结果为真。

	
var a = true,b=false；
console.log(a&&b);
console.log(a||b);
console.log(!a);
console.log(!b);

5.条件运算符

在JavaScript语言规范里，提供了条件运算符“?:”，它属于三目运算符，其语法格式如下：

表达式1 ? 表达式2 : 表达式3 当表达式1的值为真或非0时，结果为表达式2的值，否则结果为表达式3的值。

	
var a = 12, b = 16;
var max = a > b ? a : b;
console.log(max);