javascript每日必学之运算符

2024-04-10 03:37:05

　　读者朋友们好，前面我已经大概的了解了Javascript的作用以及一些基本的函数声明与变量声明，今天我们就接着前面的内容讲解，我们就来看一下javscript的逻辑（正序，分支，循环）以及一些简单的运算符

下面我们就来讲一些简单的操作运算符

+ 加号：1.用来计算两个数字相加之和，2.用来拼接两个字符串
- 减号：1.用来计算两个数字相减之差，2.用在一个数字前面来标识成一个负数
* 乘号：用来计算两具数字相乘之积
/ 除号：用来计算被除数除以除数后，所得的商
% 取余：用来计算被除数除以除数后，所得的余数（这里计算是整除，将取得整除后的余数）
= 赋值：用来把一个值（可以是对象，函数，数字，字符串，布尔）赋值给一个变量

　　在这里，我们可以清楚地看到运算符把运算的的结果给显示了出来，加减乘除我就不用再赘述赘述，相信大家的计算能应该都比我好，因为我只是中学毕业而已，稍微要多说一点的就是取余运算，看到上面的例子 5%2 取余得1，是这样计算的，5÷ 2 = 2 …… 1 ，这个在小学二年级就应该看到过的计算吧，被除数 ÷ 除数 = 商…… 余数，这个余数就是取余操作的结果，还要就是昨天已经提及过的等于符号，就是用来赋值的 var temp = 值; 我们用var 关键字来声明变量，用 = 来给你赋值，值的类型可以是对象，函数，数字，字符串，布尔；前面已经给大家说了，函数是什么，就是用function来声明的一个函数体，那就是函数，数字不用说吧，字符串，就用引号包含的一串字符串，布尔值，就是只有两个值的一种类型，true 和 false，没有第三种。

　　接一来我们来看一下各种值的样子吧

//这里我们给了一个空对象（null）
  var temp_1 = null;
  //这里我们给一个函数
  var temp_2 = function(){
   console.log("Write Something");
  };
  //这里我们给了一个字符串
  var temp_3 = "My name is MrDream";
  //这里我们给了一个boolean值
  var temp_4 = true;

这些基本操作，大家应该是一目了然，希望读者朋友看到这些基础的东西时候，现在不要着急，现在我们还处于入门介绍讲解阶段，所以这些基础的东西，大家必须要明白，到后面的文章，我还会讲更多的东西，不然，基础不打好，后面，我讲一些你们到时候觉得牛逼的东西时，你们如果只能拿去复制代码使用就没有意思，不能自主写出一些自己想要的的东西。

下面我们再来进一步理解一下运算符的小小升级后是什么样的？（注：目前，我只说一些基本的运算符，还有一些特殊的运算符，后面我会在一些应用中讲解，到时候理解才更深刻）

+= 加等：先把两个操作对象进行相加运算，然后再把相加后的值赋值给第一个操作对象
-= 减等：先把两个操作对象进行相减运算，然后再把相加后的值赋值给第一个操作对象
*= 乘等：先把两个操作对象进行相乘运算，然后再把相加后的值赋值给第一个操作对象
/= 除等：先把两个操作对象进行相除运算，然后再把相加后的值赋值给第一个操作对象
%= 余等：先把两个操作对象进行取余运算，然后再把相加后的值赋值给第一个操作对象

再来一些与简单的比较判断运算符

== 等于：判断运算符两边的对象是否相等
=== 绝对等于：判断运算符两边的对象是否绝对相等
!== 绝对不等于：判断运算符两边的对象是否绝对不相等
!= 不等于：判断运算符两边的对象是否不相等
|| 或者(或)：首先判断运算符左右两边的对象是否为"非空对象或者非未定义对象"，如果两个都是，就返回右为值，如果有一个值不是，就返回不是那个值
&& 并且(与)：首先判断运算符左右两边的对象是否为"非空对象或者非未定义对象"，如果两都不是，就返回右边值，如果有一个值是，就返回是的那个值，如果两个都是，就返回左边那个。
! 取反(非)：把一个值转换成布尔值后，再取反

（注：这里提及到的或者，并且，取反运算符，我是用大家一般的理解逻辑去讲的，其实内部操作，是涉及到二进制的或与非运算产生的结果，我们面说到二进制的时候再详说）下面我们看一些示例

下面就讲一点或与非的操作，理解上就多了一点难度了

看图说话，A处，因为运算符左边未定义对象，所以返回右边的值；B处，因为左边是空对象，所以返回右边的值；C处，因为左边有实在的值数字123，所以返回123；D处因为左边是实在的值数字-1，所以返回左边的值。补充一条：数0也是个特殊值，如果左边是0，那么就会返回右为的值。

小结一下或操作符的作用：就用来查看运算符左右两边是否是未定义值，空值，0，false，如果左边是这些值，就返回右边的值，如果左边不是这些类型的值，就返回左边的值。

　　接着与操作

仍然看图说话，A处：左右分别为未定义对象和空对象，返回左边的值；B处左边是空对象，所以返回左边；C处：右边是未定义对象，所以返回右边值；D处：与C处同理；E处：两都是非空对象，左边的布尔值是true，所以返回右边；F处与E处同理；G处：因为左边是0，与未定义对象，空对象以及false同级，所以返回左边值。

　　最后一个就是非操作

继续看图说话，A处：操作是0 false null 未定义之类的值，取返，就获得了布尔值的true；B处：都是对实实在在的值取反操作，获得的主是布尔值false。我们可以总结出，取反获得的就是布尔值，不实际的值取反就是正确，实际的值取反就是错误。

　　好了，今天就写到这里，总结一下，今天，其实也就讲了一些很基本的运算符，但是运算符的个数有点多，所以还是写了这么对，才将其表述完，还有一些特殊的操作符，我们以后再说，只要每天进步一点点，成就一代大神也不是梦。

JavaScript位移运算符(无符号) >>> 三个大于号的使用方法详解

d3.bisector(accessor)是一种指定参数accessor或者比较器函数返回一个二等分对象.返回的对象有left和right两个属性.分别类似于bisectLeft和bisectRight方法. 这个方法适用于对象数组而不适用于原始的简单数组. N>>>1就代表N的二进制右移一位,二进制右移一位就能得到中间值. 例如 10>>>1 10的二进制代码为 1010 向右移动一位后为 0101 即 5
js中各种类型的变量在if条件中是true还是false

js的弱类型让人感觉很多东西都比较迷惑,例如变量在if条件中到底是true还是false,如果在强类型语言中将一个非boolean类型的变量放在if条件中时,是需要进行类型转换的,但是js不需要,下面来进行测试,测试常见的变量类型在if条件中的表现 !function test1(){ <span style="color:#ff0000;">var a,b=-1,c= 1,d= 0,e=null,f=undefined,g='',h="";</s
详解JavaScript的表达式与运算符

JavaScript脚本语言描述了一组用于操作数据值的运算符,包括一元运算符,布尔运算符,算术运算符,关系运算符,三元运算符,位运算符和赋值运算符. 表达式是JavaScript语言的一个"短语",包含变量名(或字面量)和运算符.最简单的表达式时字面量或变量名.当然也有合并简单的表达式来创建复杂的表达式. 一.一元运算符 (1)递增++和递减-- var box1=100; ++box1;//相当于box=box+1 document.write("box1=&
javascript中return，return true,return false三者的用法及区别

1.语法及返回方式 ①返回控制与函数结果语法为:return 表达式; 语句结果函数的执行,返回调用函数,而且把表达式的值作为函数结果返回出去 ②返回控制无函数结果语法为:return; 在大多数情况下,为事件处理函数如果让其返回false,可以防止默认的事件行为.例如,默认情况下,点击一个<a>标签元素,页面会跳转到该元素href属性指定的页. 而return false就相当于终止符,return true就相当于执行符. 在js中return false的作用一般是用来取消默认动作的
JS中的==运算： [''] == false —>true

计算下面表达式的值: [''] == false 首先,两个操作数分别是对象类型.布尔类型.根据图1,需要将布尔类型转为数字类型,而false转为数字的结果是0,所以表达式变为: [''] == 0 两个操作数变成了对象类型.数字类型.根据图1,需要将对象类型转为原始类型: 首先调用[].valueOf(),由于数组的valueOf()方法返回自身,所以结果不是原始类型,继续调用[].toString(). 对于数组来说,toString()方法的算法,是将每个元素都转为字符串类型,然后用逗号'
详解JavaScript逻辑Not运算符

在JavaScript 中,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示.与逻辑 OR 和逻辑 AND 运算符不同的是,逻辑 NOT 运算符返回的一定是 Boolean 值. 逻辑 NOT 运算符的行为如下: 如果运算数是对象,返回 false 如果运算数是数字 0,返回 true 如果运算数是 0 以外的任何数字,返回 false 如果运算数是 null,返回 true 如果运算数是 NaN,返回 true 如果运算数是 undefined,发生错误测试脚
javascript 中的 delete及delete运算符

那么,为什么我们能删除一个对象的属性: var x = { a: 1 }; delete x.a; // true x.a; // undefined 但却不能删除一个变量: var x = 1; delete x; // false; x; // 1 也不能删除一个函数: function x() {}; delete x; // false; typeof x; // "function" 注意:delete 只有当一个属性无法被删除时才返回 false. 每一个属性拥有零至多个如
浅谈JavaScript中运算符的优先级

运算符优先级 JavaScript中的运算符优先级是一套规则.该规则在计算表达式时控制运算符执行的顺序.具有较高优先级的运算符先于较低优先级的运算符执行.例如,乘法的执行先于加法. 下表按从最高到最低的优先级列出JavaScript运算符.具有相同优先级的运算符按从左至右的顺序求值. 运算符描述 . [] () 字段访问.数组下标.函数调用以及表达式分组 ++ -- - ~ ! delete new typeof void 一元运算符.返回数据类型.对象创建.未定义值 * / % 乘法.除法.
JavaScript中为什么null==0为false而null大于=0为true(个人研究)

生活中我们在不停的编写代码,写着JavaScript,很少有时间进行概念上的研究.我呢,今天闲来没啥事,研究了一下有关"null"和"0"的关系.希望大家看完了能有所收获. 复制代码代码如下: alert(null>=0) 复制代码代码如下: 上面的代码会弹出什么来呢?False?True?其实是true.那么是为什么呢?为什么"null>=0"为true呢?null>=0的时候,强转为数字类型.在进行null>=0比
javascript每日必学之运算符

读者朋友们好,前面我已经大概的了解了Javascript的作用以及一些基本的函数声明与变量声明,今天我们就接着前面的内容讲解,我们就来看一下javscript的逻辑(正序,分支,循环)以及一些简单的运算符下面我们就来讲一些简单的操作运算符 + 加号:1.用来计算两个数字相加之和,2.用来拼接两个字符串 - 减号:1.用来计算两个数字相减之差,2.用在一个数字前面来标识成一个负数 * 乘号:用来计算两具数字相乘之积 / 除号:用来计算被除数除以除数后,所得的商 % 取余:用来计算被除数除以除数后
javascript每日必学之循环

朋友们大家好,今天,我们继续接着前面的内容讲,前们我们已经讲了条件分支,今天我们就讲循环,顾名思义就是,重复执行相同的操作,正常循环是受程序控制的,不正常的情况,就会出现死循环,那就是我们的代码中出现bug,那样,我们还要学会调式bug,等我们先把基础知识讲完了之后,我还会专门用篇幅来讲解浏览器里面的调试,那种程序就会在我们掌控之中,这才是我们想要结果. 循环包括的结构体有 for , while , do--while,for循环有两种形式的存在,一种是数字变量变化所引起的循环,另一种就是fo
javascript每日必学之继承

朋友们大家好,我们今天这一讲就接着前面的封装继续讲解,今天就是在前面内容上面的升级,OOP思想中的继承,我们就先来解释一下继承到底是什么意思,我们在什么地方会用到继续. 继承就是,后代继续祖先的一系列属性,行为.后代仍然算是与祖先同族,下面我们再用一些具体描述,来理解一下什么是继承中国人,跟美国人都是继承自人类祖先,所以我们具有相同的属性行为,但是还有一定的差异,后面我们们将继续讲到的多态,所以通过上面的示例图,我们可以清晰的知道,人与人之前其实大同小异,所以我们再看看下面的示例代码,我们
javascript每日必学之条件分支

大家好,我们今天接着前面的讲,前面已经大概了讲了一下运算符,今天的任务主要就是讲解逻辑条件分支,循环. 我们先就来模拟一个逻辑块,就用我们经常接触到的买车票来说吧,车票的价格对不同的人价格是有差别的,但是我们都是一样的去执行买票这个行为,我们就可以把买票写成一个函数BuyTicket //代码 function BuyTicket(){ console.log("请付款200元"); } 大家看到了这个函数体,其实是有缺陷的,我们每个人去买票的时候,都是执行这一个函数,如果是军人,或者
javascript每日必学之多态

朋友们大家好,今天我们就接着前面的内容讲,前面我们已经讲到了继承,今天我们就来讲OOP目前最后一个体现,那就是多态,因为javascript语言的灵活性,所以我们是没有办法使用接口的,所以这也给js程序带来了一定的困惑,大家也不用太着急关心这个问题,因为这些到后面ECMAScript后面的版本会给我们解决这些问题的,又扯远了,还是回到正题,OOP的多态,前面我们已经可以很明白的理解继承是什么样子的了,就是先声明一个父类,然后,我们可以写很多的子类来继承父类的属性和方法,这些我们就可以用最少的代码
javascript每日必学之基础入门

从今天开始,我将带领新朋友们,从了解javascript开始,一步一步地进阶到大神境界,别的不废话,现在开始,我们就一点一点地从入门阶段开始. 我们还是介绍一下javascript的身世,不然,大家会对javascript存在非常大的误解,它的产生历史,我们就过于多说,我也记不住,上学开始历史也没及过格 js与我们经常用来开发后台程序的java语言不是什么亲戚,他们的使用范围也是相差非常远,js只是用在html,用来对document节点进行增删改查,构建与服务器通讯的一种解释性语言而已,这只是
javascript每日必学之封装

朋友们好,前面我们已经讲解了有关javascript的基础,从今天的内容开始,我们就要开始讲有关封装的内容了,这里,我们就一点一点地接触到OOP(面向对象编程)了,如果作为一门语言使用的程序员连OOP都不知道是什么,或者只听说过,自己没有去领悟,不能写出面向对象的代码,那么也没有学习程序的必要了,下面我先会给大家详细的介绍面向对象是什么,面向过程是什么,要想弄明白面向对象,首先我们就必须知道面向过程.在你已经弄明白了面向过程之后,我们也不能盲目地为了OOP而OOP,那样只会是做一些徒劳的事,因为
JavaScript每天必学之基础知识

基本概念 javascript是一门解释型的语言,浏览器充当解释器.js执行时,在同一个作用域内是先解释再执行.解释的时候会编译function和var这两个关键词定义的变量,编译完成后从上往下执行并向变量赋值. 区分大小写 ECMASCript中的一切(包括变量,函数名和操作符)都区分大小写. 1. 变量变量在第一次用到时就设置于内存中,便于后来在脚本中引用.使用变量之前先进行声明.可以使用 var 关键字来进行变量声明. var count, amount, level; // 用单个 v
JavaScript每天必学之数组和对象部分

对象部分 Object类型 Object 是一个无序的集合,可以存放任意类型对象,所有其他对象都继承自这个对象. 创建Object类型有两种,一种是使用new运算符,一种是字面量表示法. 1.使用new运算符创建Object var obj = new Object();//注意大写,也可以直接写成Object() 注意,通过new Object() 的写法生成新对象,与字面量的写法 obj = {} 是等价的. 2. 使用字面量方式创建: var obj = { name : 'trigk
JavaScript每天必学之事件

其实这篇文章挺早之前就写了,但是由于sf保存方面的bug,所以当时写了一大堆,结果没保存,觉得这个没写完是个不小的遗憾,今天正好有空,就给补充下了,也正好给我的javascript学习总结做一个完结篇. 这里,主要讨论一下js相关的事件-- 事件处理程序在DOM中定义了一些事件, 而响应某个事件的函数就叫事件处理程序(或事件侦听器).事件处理程序的名字一般以"on"开头,例如:onclick等事件冒泡与捕获事件流指的是页面中接收事件的顺序,IE,火狐和chrome浏览器都是事件冒

javascript每日必学之运算符

相关推荐

随机推荐