基本包装类型:

指基本类型的数据变量通过调用属性或者方法包装成了复杂类型,这个变量也称为基本包装类型对象

 <script>var str = 'hello';str = str.replace('ll', 'ee');console.log(str); //heeeo//通过基本包装,无论Boolean对象中传入true还是false,在逻辑与中其结果都是&&后面的值:var flag = new Boolean(false)var result = flag && true;console.log(result); //truevar flag1 = new Boolean(true)var result1 = flag1 && true;console.log(result1); //truevar flag2 = new Boolean(true)var result2 = flag2 && false;console.log(result2); //false</script>

操作符

指一些符号,用来做运算的,具体如下:

算数运算符:

+、- 、 * 、/ 、%

 <script>//算数运算:console.log(111 + 222); //333console.log(111 - 222); //-111console.log(111 * 222); //24642console.log(111 / 222); //0.5console.log(5 % 3); //2var num = 10;var sum = (5 + num)*2;console.log(sum);//30</script>

递增递减运算符(一元运算符):

++ 、–(前置++(–)和后置++(–)的区别:前置++或–是先参与运算,之后在自身+1或-1;后置++或–是先自身+1或-1,之后在参与运算)、delete删除一个对象的属性或者一个数组中某一个键值、void 运算符(不常用)、in关系运算符(判断某个变量是否在某数据中)、

 <script>//也可以叫一元运算符:var num = 10;console.log(num++); //10console.log(num); //11console.log(++num); //12console.log(num); //12var num2 = 10;console.log(++num2); //11console.log(num2); //11console.log(num2++); //11console.log(num2); //12//后置++:先参与运算,运算完后自身在+1(后置--同理)//前置++:先自身+1,然后再参与运算(前置--同理)var num = 10;var sum = ++num + 10;console.log(sum); //21console.log(num); //11var num = 10;var sum = num++ + 10;console.log(sum); //20console.log(num); //11var num = 10;var sum = num++ + ++num; //特别注意,当num自己每运算一次,自己的值就会改变,因此:10 + 12 = 22console.log(sum); //22console.log(num); //12var num = 10;var sum = ++num + num++; //11 + 11 = 22console.log(sum); //22console.log(num); //12var num = 10;var sum = ++num + ++num; //11 + 12 = 23console.log(sum); //23console.log(num); //12var num = 10;var sum = num++ + num++; //10 + 11 = 21console.log(sum); //21console.log(num); //12//delete删除数组元素或对象的属性:var x = 3,arr = [1, 2],obj = {naem: 'jack'};delete x;console.log(x); //3,不能删除除数组和对象的其他数据类型的数据delete arr[0];console.log(arr[0]); //undefinedconsole.log(arr[1]); //2delete obj[name];console.log(obj.name); //undefined// 逻辑中断或短路引起代码不执行情况:var num1 = 10;var result1 = false && ++num1;var result2 = true || num1++;console.log(num1); //10//void(表达式),第一个案例不会被跳转,第二个案例会被跳转:<a href="javascript:void(0)">点击</a><a href="javascript:void(document.form.submit())">点击</a>//判断属性是否在对象中:var obj = {name: 'jack'};if ('name' in obj) {console.log('name属性存在obj中'); //name属性存在obj中,注意属性是字符串};</script>

赋值运算符:

+=、-=、*=、/=、%=、**=、<<=(左移位赋值,<<为左移位运算)

 <script>var num1 = 10;num1 += 1;console.log(num1); //11var num2 = 10;num2 -= 2;console.log(num2); //8var num3 = 10;num3 *= 2;console.log(num3); //20var num4 = 10;num4 /= 2;console.log(num4); //5var num5 = 10;num5 %= 7;console.log(num5); //3var num = 2;num **= 3;console.log(num);//8var a = 2;var b = 3;a <<= b; //a = a << b;console.log(a); //16</script>

比较运算符:

/>、<、>=、<=、== 、 ===、 != 、 !==

 <script>console.log(10 > 5); //truwconsole.log(10 < 5); //falseconsole.log(10 >= 5); //truwconsole.log(10 <= 5); //falseconsole.log('5' == 5); //trueconsole.log('5' === 5); //falseconsole.log('5' != 5); //falseconsole.log('5' !== 5); //true</script>

逻辑运算符:

&&–与,并且、||–或,或者、!–非,取反(逻辑中断情况:当&&前面的表达式是非 时,后面的表达式不再执行,当||前面的表达式为真时,后面的表达式不再执行),扩展二进制逻辑运算符:&(按位与)、~(按位非)、|(按位或)、^(按位异或)

 <script>//逻辑运算:console.log(false&&false);//falseconsole.log(true&&true);//trueconsole.log(false&&true);//falseconsole.log(true&&false);//falseconsole.log(false||false);//falseconsole.log(true||true);//trueconsole.log(false||true);//trueconsole.log(true||false);//trueconsole.log(111 && 222); //222console.log(111 || 222); //111console.log(111 != 222); //trueconsole.log(111 > 222 && true); //falseconsole.log(111 < 222 && false); //falseconsole.log(111 > 222 || true); //trueconsole.log(111 < 222 || false); //truevar num1 = 10;var num2 = 20;console.log(num1=num2&&5>6);//falseconsole.log(num2>10||5<0);//truevar num1 = 10;var sum = (num1+10)*5;console.log(sum);//100var result = (4 >= 6 || '人' != '狗' && !(12 * 2 == 144) && true);console.log(result);//truevar num =  10;var result2 = (5 == num / 2 &&(2 + 2*num).toString() === '22');console.log(result2);//true</script>

运算符优先级:

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者 删除。
笔者:苦海

javascript中基本包装、算数运算符、递增递减运算符、赋值运算符、比较运算符、逻辑运算符、运算符优先级相关推荐

  1. 为什么要避免使用JavaScript中的递增(“++”)和递减(“ - ”)运算符?

    本文翻译自:Why avoid increment ("++") and decrement ("--") operators in JavaScript? O ...

  2. JavaScript运算符:递增递减运算符前置和后置的区别

    从两段代码说起 var num1 = 2; var num2 = 20; var num3 = --num1 + num2; var num4 = num1 + num2; console.log(n ...

  3. JavaScript:递增递减运算符(全面解析)

    递增和递减运算符 递增和递减运算符概述 小结 递增和递减运算符概述 提示:这里可以添加本文要记录的大概内容: 如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减( – )运算符来完成. 在 ...

  4. JavaScript中的逗号运算符

    JavaScript逗号运算符  阅读本文的前提,明确表达式.短语.运算符.运算数这几个概念. 所谓表达式,就是一个JavaScript的"短语",JavaScript解释器可以计 ...

  5. JavaScript中加号运算符+ 运算过程理解

    在JavaScript中二元加法运算符"+"可以对两个数字或者字符串进行连接操作. 1+2=>3 "hello"+" "+" ...

  6. C++ Primer笔记12_运算符重载_递增递减运算符_成员訪问运算符

    1.递增递减运算符 C++语言并不要求递增递减运算符必须是类的成员.可是由于他们改变的正好是所操作对象的状态.所以建议设定为成员函数. 对于递增与递减运算符来说,有前置与后置两个版本号,因此.我们应该 ...

  7. 递增递减运算符 详解(++、--)

    作用 递增运算符(++)和递减运算符(--)为对象的加1和减1操作提供了一种简洁的书写形式,这两个运算符还可以应用于迭代器,因为很多迭代器本身不支持算术运算符,所以此时递增和递减运算符除了书写简洁以外 ...

  8. JavaScript中的instanceof运算符是什么?

    本文翻译自:What is the instanceof operator in JavaScript? The instanceof keyword in JavaScript can be qui ...

  9. JavaScript中delete运算符

    JavaScript中delete运算符是 从对象中删除一个属性,或从数组中删除一个元素. 使用方法: delete expressionwww.mlybyby.com expression 参数是一 ...

最新文章

  1. IKVM.NET_06_用户指南_教程
  2. thinkphp整合swoole
  3. 数据库case when语句
  4. BacNet开发入门2
  5. 武汉大学计算机学院的李明,李明副研究员
  6. php gui中文手册,git gui - [ Git中文开发手册 ] - 在线原生手册 - php中文网
  7. EurekaServer高可用的注册中心集群搭建
  8. python邮件模块_Python收发邮件模块,用,来,发送,接收
  9. visual studio code安装
  10. AI进军华尔街!《终极算法》作者Domingos加盟对冲基金巨头
  11. 【原创】MySQL Replay线上流量压测工具
  12. 5款内容超赞的微信小程序,每一个都是深藏!
  13. .NET 6 运行在Win7 SP1上出错
  14. JavaScrpt LRC歌词同步 和 es6 的 fetch 的 async/await 和 promise 两种写法
  15. 用一个二维码做下载app,自动区分是 ios 还是 android
  16. php中$this-是什么意思?
  17. scrum立会报告+燃尽图(第三周第五次)
  18. java判断敏感词_Java实现敏感词检测的代码详解
  19. 有道云Markdown笔记导出PDF
  20. d如何及为什么探测器

热门文章

  1. html 怎么让tr的css覆盖td的_通达OA上传漏洞之变量覆盖分析
  2. linux qt5.9交叉编译,QT5.9移植
  3. python实例 73,74
  4. 计算机通信事业单位专业知识点,事业单位计算机专业知识招考大纲
  5. java中如何分隔字符串_Java中分割字符串
  6. springboot test_精益求精!Spring Boot 知识点全面回顾,带你重新细读源码!
  7. 图片动画效果html5,8个实用炫酷的HTML5图片动画应用
  8. Python 读取json文件
  9. 手把手教你用原始方式上传项目至GitHub
  10. net 中web.config一个配置文件解决方法 (其他配置文件引入方式)