分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

js运算符浅析

发布时间:2023-09-06 02:27责任编辑:林大明关键词:js运算符

什么是运算符?

  连接两个或多个操作数(某个值,表达式)之间的符号。

运算符的分类:

  1. 赋值运算符(=)

    将右边的值赋给左边。

var x = 10;var y = x;console.log(x); ??//10console.log(y; ???//10

  2. 算术运算符(+,-,/,*,%)

  注意:

    2.1 在做除法是,若是有无限循环的小数,就会取小数的近似值

var x = 10;console.log(x/3); ??????????//3.3333333333333335

    2.2 当字符串与数值类型进行算术运算时,除了加号(+)是用来做字符串的拼接外,其余的都是将字符串转换为number类型,在做算术运算,如果字符串不能转换成数字时,输出结果为NaN。

var x = 10;var y = "hello";console.log(x+y); ????//10helloconsole.log(x-y); ????//NaN

    2.3 boolean与number类型做运算时,boolean会自动转化成number类型,false-->0,true-->1。

var x = 10;var flag = true;var flag1 = false;console.log(x+flag); ?????//11console.log(x-flag1); ????//10

    2.4 字符串与任何类型进行“+”号运算都是字符串的拼接。

var num = 10;var str ="hello";var flag = false;var nul = null;var unde = undefined;var obj = {name : "jack",age : 23,sex : "男"};console.log(str + num); ??????//hello10console.log(str + flag); ?????//hellofalseconsole.log(str + nul); ??????//hellonullconsole.log(str + obj); ??????//hello[object Object]console.log(str + unde); ?????//helloundefinedconsole.log(str + str); ??????//hellohello

  3. 一元运算符(++,--)

  a++,先赋值,在自加1

  ++a,先自加1,在赋值

  a--,先赋值,在自减1

  --a,先自减1,在赋值

var num1 = 1;var num2 = 3;var num3 = 5;var num4 = 7;console.log(num1++); ?????//1console.log(++num2); ?????//4console.log(num3--); ?????//5console.log(--num4); ?????//6

  4. 比较运算符(<,<=,>,>=,==,!=,===,!==)

  在用比较运算符是,返回的值一定是boolean值。

  ==:等于-----只比较内容,只要内容相等,就返回true,才会返回true,否则就返回false。

  ===:完全等于-----不仅比较内容,还比类型,只有内容和类型都相等时,才会返回true,否则就返回false。

var num1 = 1;var num2 = 3;console.log(num1 < num2); ?????//trueconsole.log(num1 >= num2); ????//falseconsole.log(num1 != num2); ????//true

  5. 逻辑运算符:与,或,非(&&,&,!,||,|)

  其中与或有两种与或,分别为长路与或(&&,||),短路与或(&,|),长路与短路的区别在于,短路先执行逻辑运算符左侧部分,符合要求就输出逻辑运算结果,不再执行右侧部分;而长路不 

  管左侧是否符合要求,它都会执行右侧部分。

  与(&&,&):当所有表达式都返回true时,结果才返回true,只要有一个表达式返回false,那么结果就为false。一假为假

  非(||,|):只要有一个表达式返回true,结果就返回true,只有所有的表达式都返回false时,结果才为false。一真为真

var num = 10;var str = "10";if (num === str || num == str){console.log("相等"); ??????//相等}

  6. 算术赋值运算符(+=,-=,*=,/=,%=)

  +=:就相当于num = num + num1

var num = 10;var num1 = 2;console.log(num += num1); ??????//12 console.log(num -= num1); ??????//10 console.log(num *= num1); ??????//20console.log(num /= num1); ??????//10console.log(num %= num1); ??????//0

  7. 三元运算符(三目运算符,条件运算符)

  条件?表达式1:表达式2

  当条件为true时,执行表达式1;当条件为false时,执行表达式2。

var num = 10;var num1 = 2;num == num1?console.log("执行表达式1"):console.log("执行表达式2"); ??????//执行表达式2

  

js运算符浅析

原文地址:https://www.cnblogs.com/mercy-up/p/10149892.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved