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

基本包装类型:

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

	<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联系笔者 删除。
笔者:苦海

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/575400.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

流程控制介绍,顺序结构、分支结构、循环结构、Promise对象、throw语句、break和continue关键字

流程控制 流程控制&#xff1a;指代码的执行顺序&#xff0c;有三种方式&#xff1a;顺序结构、分支结构、循环结构 顺序结构&#xff1a; 代码从上到下&#xff0c;从左到右的执行顺序。 分支语句&#xff1a; if语句、if-else语句、if-else if-else语句、switch-case语…

楼宇对讲门铃的芯片选型分析

目前很多的高层住宅都使用了对讲门铃了&#xff0c;在频繁使用中&#xff0c;门铃会出现的越来越多种类&#xff0c;下面我就简单的介绍会有用到的几款芯片. 语音通话芯片&#xff1a;D34018,D34118,D5020,D31101; D34018 单片电话机通话电路&#xff0c;合并了必 需的放大器…

javascript中内置对象简介、Array

内置对象&#xff1a; javascript的三种对象&#xff1a;1.内置对象—JavaScript自带的对象&#xff1b;2.自定义对象—自己定义构造函数创建对象&#xff1b;3.浏览器对象— BOM时候介绍&#xff0c;几个常用内置对象&#xff1a;Math Date String Array Object Array对象&a…

javascript中Date对象及方法

Date对象&#xff1a; 该对象呈现时间中的某个时刻。其本质是自1970年1月1日&#xff08;UTC&#xff09;起经过的毫秒数&#xff0c;相关属性的方法如下&#xff1a;&#xff08;如果Date对象中传入指定的时间&#xff0c;则以传入的指定时间返回相关数据&#xff0c;就不会以…

JAVA Web学习篇--Servlet

Servlet由来 做过BS项目的人都知道&#xff0c;浏览器可以依据HTML静态标记语言来显示各式各样的网页。可是假设我们须要在网页上完毕一些业务逻辑&#xff1a;比方登陆验证。或者说网页显示的内容在server的数据库中。假设是这样&#xff0c;除了负责显示的HTML标记之外&#…

javascript中Math对象及方法

Math对象&#xff1a; 其所有属性与方法都是静态的&#xff0c;其相关属性和方法如下&#xff1a; 继&#xff1a; 继&#xff1a; 提示&#xff1a;本文图片等素材来源于网络&#xff0c;若有侵权&#xff0c;请发邮件至邮箱&#xff1a;810665436qq.com联系笔者 删除。 笔者…

javascript中NaN属性、null对象、Number对象、Object对象

NaN属性&#xff1a; 表示不是一个数字&#xff0c;是全局对象的属性&#xff0c;其初始值为NaN <script>console.log(NaN NaN); //false</script>null对象&#xff1a; 特指对象的值未设置 <script>console.log(null undefined); //trueconsole.log(nul…

Apache安装、配置、卸载

下载安装配置Apache&#xff1a; 1.将Apache官方下载地址&#xff1a;https://www.apachelounge.com/download/&#xff0c;复制到浏览器打开&#xff0c;选择系统支持的版本下载&#xff0c;如&#xff1a; 2.将下载好的压缩包剪贴到C盘根目录&#xff08;这里为了方便&…

企业级应用架构(一) 三层架构之解耦

前言 前段时间朋友拿了个网站给我&#xff0c;让我帮忙添加几个小功能&#xff0c;我爽快的答应了,但是当我打开源码&#xff0c;我瞬间就奔溃了&#xff0c;整个项目连最基本的三层框架也没有搭建&#xff0c;仅仅是封装了一个sqlhelp作为数据库的操作接口&#xff0c;项目中的…

web api、获取DOM元素的方式、事件理解、click事件在移动端300ms延时、事件对象、事件委托、常见事件类型

web api: API&#xff08;Application Programming Interface&#xff0c;应用程序编程接口&#xff09;是一些预先定义的函数&#xff0c;目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力&#xff0c;而又无需访问源码&#xff0c;无需理解其内部工作机…

transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段

transitionend过渡监听事件&#xff1a; 过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数&#xff0c;如下案例&#xff1a; <!DOCTYPE html><html><head><meta charset"utf-8"><title></title><…

Unix/Linux环境C编程入门教程(18) kali-linuxCCPP开发环境搭建

1. Kali linux是BT5的晋级版本&#xff0c;用于信息安全。基于Debian7内核。新建虚拟机。2. 选择默认虚拟机3. 选择稍后安装操作系统4.选择Linux Debian7 64位&#xff0c;因为KaliLinux基于Linux Debian7。5. 设置虚拟机名称为KaliLinux6.设置处理器为双核。7. 设置内存为2G8.…

javascript中BOM介绍、屏幕尺寸、历史记录、URL解析、计算机信息获取、定时器、三大系列及兼容代码、封装动画函数、同步和异步

BOM介绍&#xff1a; BOM指的是浏览器对象模型&#xff0c;是用来操作浏览器的&#xff0c;例如浏览器弹窗、地址栏、滚动条等&#xff0c;浏览器顶级对象&#xff1a;window&#xff1b;页面中的所有内容都是属于window的&#xff0c;window可以省略&#xff1b;confirm(‘带…

javascript中实例对象和构造函数关系、原型语法、原型链、call实现继承、apply调用函数、bind拷贝函数、拷贝继承、class类、super、严格模式、高阶函数、闭包、递归、es6简介

实例对象和构造函数的关系及原型&#xff1a; 实例对象是通过构造函数创建出来的&#xff0c;实例对象的构造器constructor就是指向构造函数的&#xff1b;每个实例对象中的同一方法的指向是各不相同的&#xff0c;但是其属性值相同的属性可以相同&#xff0c;这样会造成内存浪…

移动web现状、viewport视口、二倍图、移动web开发主流方案、布局技术选型(流式布局、flex弹性布局、less+rem+媒体查询布局、混合布局、媒体查询、bootstrap)

移动端web现状&#xff1a; 移动端常见浏览器&#xff1a;UC浏览器&#xff0c;QQ浏览器&#xff0c;Opera浏览器&#xff0c;百度手机浏览器&#xff0c;360安全浏览器&#xff0c;谷歌浏览器&#xff0c;搜狗手机浏览器&#xff0c;猎豹浏览器及杂牌浏览器。移动端常见的浏览…

jQuery中事件及常用事件总结、jQuery中常见效果、隐式迭代、链式编程、样式操作、动画队列、不同元素绑定同一个事件

jQuery事件&#xff1a; jQuery中的事件和javascript中的事件基本相似&#xff0c;不同的是jQuery中的事件处理函数写在事件后面的括号中&#xff0c;如&#xff1a; <script>$(input).click(function() {alert(hello word);});</script>jQuery中常见事件&#xf…

BigQuery 分区表简介和使用

大纲 什么是分区表 我们先看定义&#xff1a; 分区表是一种数据库表设计和管理技术&#xff0c;它将表中的数据划分为逻辑上的多个分区&#xff0c;每个分区包含一组特定的数据。每个分区都根据定义的分区键&#xff08;通常是一个列或字段&#xff09;的值进行分类&#xff…

jQuery操作属性、设置文本、遍历元素、元素创建添加删除、操作元素尺寸、操作元素位置、注册事件、事件处理、解绑事件、拷贝、多库共存、jQuery插件

jQuery操作属性&#xff1a; jQuery中提供三种方法操作属性&#xff0c;分别是&#xff1a;prop()、arrt()、data(),具体如下&#xff1a; prop()操作自带属性&#xff1a;用来操作元素本身自带的属性&#xff08;包括没有显示在DOM上的自带属性&#xff09;&#xff0c;如:a…

分享MYSQL中的各种高可用技术(源自姜承尧大牛)

图片和资料来源于MYSQL大牛姜承尧老师&#xff08;MYSQL技术内幕作者&#xff09; 姜承尧&#xff1a; 网易杭州研究院 技术经理 主导INNOSQL的开发 mysql高可用各个技术的比较 数据库的可靠指的是数据可靠 数据库可用指的是数据库服务可用 可靠的是数据&#xff1a;例如工商银…

数据库、MySQL介绍及安装流程、SQL语句中增删改查、SQL注入、通过php操作数据库,plugin ‘caching_sha2_password加密规则,分表查询

MySQL数据库&#xff1a; 数据库&#xff1a; 存放数据的仓库&#xff0c;用来按照特定的结构去组织和管理我们的数据&#xff0c;有数据库就可以更加方便的储存数据&#xff1b; 数据库只是存储数据的一种手段&#xff0c;最终数据是存放在硬盘中的&#xff0c;只是存放的格…