我是靠谱客的博主 谦让鸡,最近开发中收集的这篇文章主要介绍前端js学习笔记--运算符,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

一.JS运算符

1.算术运算符

运算符描述实例
+10+20=30
-10-20=-10
*10*20=200
/10/20=0.5
%取余数(取模)3%5=3

在算术运算中,浮点数的操作会出现问题,所以不能直接拿着浮点数运算来比较是否相等

2.自增自减运算符
递增(++) 递减(–)
注意:自增自减运算符必须和变量配合使用
前置自增和后置自增如果单独使用,效果是一样的,即:

num++;
++num; //单行代码效果是一样的

++p的含义是:先加1,后运算
p++的含义是:先原值运算,后变量再自加1

3.比较运算符(关系运算符)
会返回一个布尔值
在程序中用==来表示等于号,并且在判断是否相等时,会将字符串型的数据转换为数字型,会默认转换数据类型,如

console.log(18 == '18'); //返回true,双等时只要求值相等就可以

此外程序中还有===符号,即全等符号,要求两侧的值和数据类型必须完全一致才可以。

console.log(18 === 18);// 返回true
console.log(18 === '18'); //返回false
符号作用用法
=赋值把右边赋给左边
==判断判断两边的是否相等(注意此时有隐式转换,将字符串型->数字型
===全等判断两侧的值和数据类型是否完全相等

4.逻辑运算符
逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。

逻辑运算符说明案例
&&true&&false
两个竖true//false
!!true

短路运算(逻辑中断)
原理:当有多个表达式(值)时,左侧的表达式值可以确定结果时,就不再继续运算右边的表达式的值
逻辑与短路运算:如果表达式1结果为真,则返回表达式2。如果表达式1为假,则返回表达式1,表达式2不再执行。即表示空的或者否定的为假,其余都是真
为假代表:0 ’ ’ null undefined NaN (共5个)

console.log(123 && 456); //返回 456
console.log(0 && 456); //返回 0

逻辑或短路运算:如果表达式1结果为真,则返回表达式1,表达式2不再执行。如果表达式1为假,则返回表达式2。

console.log(123 || 456); // 返回 123
console.log(0 || 456); //返回 456
console.log(0 || 456 || 456 + 123); //返回 456

例题:

var num = 0;
console.log(123 || num ++);
console.log(num); // 返回 0,因为短路运算

逻辑与比逻辑或优先级高,先与后或

6.赋值运算符

赋值运算符说明案例
=直接赋值var userName = ‘我是值’
+=,-=加、减一个数,再赋值var age = 10; age + =5;//返回15
*=、/=、%=乘、除、取模,后再赋值var age = 2;age *= 5; //返回10

最后

以上就是谦让鸡为你收集整理的前端js学习笔记--运算符的全部内容,希望文章能够帮你解决前端js学习笔记--运算符所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部