淘先锋技术网

首页 1 2 3 4 5 6 7

前端老白-javascript 变量运算符

JavaScript作为一门脚本语言，其最大的优点是灵活。在JavaScript中，变量的运算操作也是十分灵活的，而这些操作符看起来十分简单，但是在实际应用中却有着不小的用途。

首先，我们来看看JavaScript中的基本变量类型及其运用：

var num = 1;//数字类型
var str = "hello";//字符串类型
var bool = true;//布尔类型
var arr = [1,2,3];//数组类型
var obj = {name:"tom",age:18};//对象类型
var und = undefined;//undefined类型
var nul = null;//null类型

除了以上基本类型，JavaScript还有相应的引用类型，如Date、Math等，无需声明即可使用。

在JavaScript中，变量运算符有加、减、乘、除四种基本运算符，以及取余、加等于、减等于、乘等于、除等于、赋值、相等、不等、全等、非全等、大于、小于、大于等于、小于等于、与、或、非二十个运算符，下面我们一一介绍：

1、加号运算符，亦称为加法，其主要的作用是将两个数字或两个字符串进行拼接。例如：

var a = 1;
var b = 2;
var c = "hello";
var d = "world";
console.log(a + b);//输出3
console.log(c + d);//输出"helloworld"

2、减号运算符，亦称为减法，其主要的作用是将两个数字进行运算。例如：

var a = 3;
var b = 2;
console.log(a - b);//输出1

3、乘号运算符，亦称为乘法，其主要的作用是将两个数字进行运算。例如：

var a = 3;
var b = 2;
console.log(a * b);//输出6

4、除号运算符，亦称为除法，其主要的作用是将两个数字进行运算。例如：

var a = 6;
var b = 2;
console.log(a / b);//输出3

5、取余运算符，亦称为模运算，其主要的作用是取余数。例如：

var a = 5;
var b = 2;
console.log(a % b);//输出1

6、加等于运算符，亦称为自加运算，其主要的作用是让变量加上一个值并返回其新值。例如：

var a = 2;
a += 3;
console.log(a);//输出5

7、减等于运算符，亦称为自减运算，其主要的作用是让变量减去一个值并返回其新值。例如：

var a = 5;
a -= 2;
console.log(a);//输出3

8、乘等于运算符，其主要的作用是让变量乘上一个值并返回其新值。例如：

var a = 2;
a *= 3;
console.log(a);//输出6

9、除等于运算符，其主要的作用是让变量除以一个值并返回其新值。例如：

var a = 6;
a /= 2;
console.log(a);//输出3

10、赋值运算符，其主要的作用是将一个值赋给变量。例如：

var a = 1;
console.log(a);//输出1

11、相等运算符，其主要的作用是将两个值进行比较，相等则返回true，不等则返回false。例如：

var a = 6;
var b = 2;
console.log(a == b);//输出false

12、不等运算符，其主要的作用是将两个值进行比较，不等则返回true，相等则返回false。例如：

var a = 6;
var b = 2;
console.log(a != b);//输出true

13、全等运算符，其主要的作用是将两个值进行比较，不仅要值相等还要类型相等，相等则返回true，不等则返回false。例如：

var a = 6;
var b = "6";
console.log(a === b);//输出false

14、非全等运算符，其主要的作用是将两个值进行比较，不仅要值不相等还要类型不相等，不等则返回true，相等则返回false。例如：

var a = 6;
var b = "6";
console.log(a !== b);//输出true

15、大于运算符，其主要的作用是将两个数字进行比较，大于则返回true，小于则返回false。例如：

var a = 6;
var b = 2;
console.log(a >b);//输出true

16、小于运算符，其主要的作用是将两个数字进行比较，小于则返回true，大于则返回false。例如：

var a = 6;
var b = 2;
console.log(a< b);//输出false

17、大于等于运算符，其主要的作用是将两个数字进行比较，大于等于则返回true，小于则返回false。例如：

var a = 6;
var b = 2;
console.log(a >= b);//输出true

18、小于等于运算符，其主要的作用是将两个数字进行比较，小于等于则返回true，大于则返回false。例如：

var a = 6;
var b = 2;
console.log(a<= b);//输出false

19、与运算符，其主要的作用是将两个表达式进行比较，两个表达式都为true则返回true，否则返回false。例如：

var a = 6;
var b = 2;
console.log((a >b) && (a >0));//输出true

20、或运算符，其主要的作用是将两个表达式进行比较，其中一个表达式为true则返回true，否则返回false。例如：

var a = 6;
var b = 2;
console.log((a< b) || (a >0));//输出true

21、非运算符，其主要的作用是首先将表达式转为布尔类型，然后取反。例如：

var a = 6;
console.log(!a);//输出false

总的来说，JavaScript中的变量运算符，虽然看起来简单，但是在实际开发过程中，其用途十分广泛。熟练掌握这些运算符，可以让我们在编写JavaScript代码时更加得心应手。