资讯专栏INFORMATION COLUMN

JavaScript核心语法-运算符

kamushin233 / 2944人阅读

摘要:算数运算符化物语加法运算字符串进行加法运算字符串连接化物语布尔类型加法运算将布尔类型转化为数字值,在进行计算减法运算字符串减法运算先装化为数字值布尔类型减法运算先转化为数字值在计算除法如果作为除数无穷大除法与乘法与加减法一致求余运

算数运算符
var str1 = "化物语"
var str2 = "100"
var boo = true

//加法运算
var result1 = num + 200
console.log(result1)//300

//字符串进行加法运算——>字符串连接
var result2 = str1+200
console.log(result2)//化物语200
console.log(typeof result2)//string

var result3 = str2+200
console.log(result3)//100200
console.log(typeof result3)//string

/*布尔类型加法运算——>将布尔类型转化为数字值,ture=1 false=0 在进行计算*/
var result4 = boo+200
console.log(result4)//201
console.log(typeof result4)//number

//减法运算
var result5 = num-100
console.log(result5)//0

/*字符串减法运算——>先装化为数字值*/
var result6 = str1-100
console.log(result6)//NaN

var result7 = str2-100
console.log(result7)//0

//布尔类型减法运算——>先转化为数字值在计算
var result8 = boo-100
console.log(result8)//-99

/*除法:0如果作为除数——>无穷大*/
/*除法与乘法与加减法一致*/
求余运算符

用于计算两个运算数整除后的余数

//余数的结果是正是负,与除数正负无关,只与被除数正负有关
console.log(8 % 3); //2
console.log(8 % -3);//2
console.log(-8 % 3);//-2
console.log(-8 % -3);//-2

/*与减法一样,非数字字符串运算为NaN*/
console.log("化物语" % 3);//NaN
自增运算符、自建运算符

自增运算符用于整数值逐渐+1/自减运算符-1

var num = 100
console.log(num)

/*前置自增运算符
*++变量名
*先自增,再赋值*/
var result1 = ++num
console.log(result1)//101
console.log(num)//101

/*后置自增运算符
* 变量名++
* 先赋值,在自增*/
var result2 = num++
console.log(result2)//100
console.log(num)//101
比较运算符

JavaScript中的比较运算符主要比较两个操作数是否相等,同等,大小等情况

大于与小于比较运算符
/*number类型*/
console.log(3 > 2);//true
console.log(3 < 2);//false
console.log(3 >= 3);//true

/*boolean类型,会将boolean转化为number再比较*/
console.log(true>false);//true
console.log(true 将文本转换成 Unicode 码 - 对应具有数字值
   * 英文单词 -> 从左至右的依次比较字母 Unicode 码的大小 */
console.log("a" < "b");// true
console.log("a" > "A");// true
console.log("abc" > "cba");// false
console.log("abc" > "acd");// false
console.log("我" > "你");// true
相等与不等比较运算符
/*number类型*/
console.log( 3 == 3 );//true
console.log( 3 != 3 );//false
console.log( 3 == 2 );//false
console.log( 3 != 2 );//true

/*boolean类型*/
console.log(true == true);// true
console.log(true == false);// false

console.log(true == 1);// true

/*string类型*/
console.log("a" == "a");// true
console.log("a" == "b");// false
/*只比较值而不比较类型*/
console.log("100" == 100);// true

/*由于null和undefined都为空,所以相等*/
console.log(null ==undefined)//true
全等与不全等比较运算符
// 全等与不全等 - 不仅比较值,还比较类型
console.log(10 === 10);// true

console.log("10" === 10);// false

/*相等与不相等-不比较类型*/
console.log("10" == 10);// true
isNaN()函数

作用:判断当前值是否为NaN

true - 表示当前值是 NaN(不是一个数字值)

false - 表示当前值不是 NaN(不是一个数字值)

console.log(isNaN(100));// false
console.log(isNaN(Number("化物语")));// true
inFinite()函数

作用:判断当前值是否为无穷大

false - 表示当前值是无穷大

true - 表示当前值是有限数值

var result = 100/0;
console.log(result);// Infinity
console.log(isFinite(result));// false
逻辑运算符

JavaScript中的逻辑运算符,基本用法是用于布尔类型的计算

/*逻辑与运算符*/
console.log(true && true);// true
console.log(true && false);// false
console.log(false && true);// false
console.log(false && false);// false
/*
    将逻辑与运算符的两个操作数,转换为布尔类型
    * 当左边的操作数为true时,结果为右边操作数的值
    * 当左边的操作数为false时,结果为左边操作数的值
 */
console.log(100 && 1);// 1
console.log(1 && 0);// 0
console.log(0 && 1);// 0
console.log(0 && 0);// 0


/*逻辑或运算符*/
console.log(true || true);// true
console.log(true || false);// true
console.log(false || true);// true
console.log(false || false);// false
/*
    将逻辑与运算符的两个操作数,转换为布尔类型
    * 当左边的操作数为true时,结果为左边操作数的值
    * 当左边的操作数为false时,结果为右边操作数的值
 */
console.log(100 || 1);// 100
console.log(1 || 0);// 1
console.log(0 || 1);// 1
console.log(0 || 0);// 0

/*逻辑非运算符*/
console.log(!true)//false
   /*
     *如果逻辑状态为true,则通过逻辑非运算符改为false
   */
console.log(!1)//false
赋值扩展运算符
var a = 2 , b = 3 ;
var c = a + b;
console.log(c);//5

/*var a = a + b;//重复赋值
console.log(a);//5*/

/*
* a += b 等同于  a = a + b
*/
a += b;
console.log(a);//5
条件运算符
/*
?前为表达式,先判断表达式真假
?后为两个给定指令,用:隔开
 根据表达式判断结果执行指令
 */
var result = 3>2 ? "对":"错"
console.log(result)//对

var score = 95;
score > 90 ? console.log("优秀") : console.log("及格");
条件运算符嵌套
var score = 55;
/*
    嵌套条件运算符
    * 优点 - 扩展了条件运算符本身的计算能力
    * 缺点
      * 可读性比较差
      * 性能随着嵌套的层级越多越差
    * 建议 - 最多不要超过三层嵌套
 */
var result = score > 90 ? "优秀" : (score > 80 ? "良好" : (score > 60 ? "及格" : "不及格"));
console.log(result);

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96689.html

相关文章

  • JavaScript核心语法——数据类型

    摘要:原始类型分别有类型类型和类型三种。类型中存在一个特殊的值叫。也可以把其他类型的数据自动转换为类型运算符运算符判断原始类型语法结构变量名称。 数据类型 1.数据类型的概述;在JavaScript代码中,能够表示并且操作值的类型就叫做数据类型数据类型可以分成可变类型和不可变类型,可变类型的值是可以修改的。相反不可变类型的值是不可以修改的。数据类型还有原始类型(原始值)与引用类型(内置对象)...

    wfc_666 评论0 收藏0
  • Javascript语句 - Javascript语法基础 - Javascript核心

    摘要:多数运算符都是由标点符号表示,比如和。通常会根据需要对操作数进行类型转换左值是一个古老的属于,它是指表达式只能出现在赋值运算符的左侧。也称为严格相等运算符,它用来检测两个操作数是否严格相等。运算符的检测规则是和运算符的求反。 源代码: https://github.com/RobinQu/Programing-In-Javascript/blob/master/chapters/...

    lavnFan 评论0 收藏0
  • JavaScript核心语法之数据类型

    摘要:数据类型原始类型类型实为数字不区分整数和浮点类型整数类型包括负整数,和正整数浮点类型表示小数类型整数和浮点数小数或并不区分整数与浮点数变量的定义并初始化字面量或直接量定义数字值浮点类型是只该数值包含整数部分,小数部分,小数点和小数部分浮点类 JS(JavaScript) 数据类型; 1.原始类型; number类型; 实为数字JS不区分整数和浮点类型;整数类型;包括负整数,0和正...

    iflove 评论0 收藏0
  • JavaScript核心语法 [ 数据类型 ]

    摘要:数据类型数据类型表示数值的类型类型的分类原始类型类型数字类型类型分为整数和浮点数整数正整数负整数变量为数字类型整数显示浮点数小数变量为数字类型浮点数显示浮点数在小数点前面如果没有数字,会被默认为在小数点前的数字为比如会显示浮点数的 数据类型 数据类型 - 表示数值的类型 类型的分类 原始类型 number类型(数字类型) number类型分为整数和浮点数 整数 - 正整数 、0 、负...

    luffyZh 评论0 收藏0
  • JavaScript核心语法——语句

    摘要:语句块的结尾不需要分号,语句块中的行都有缩进单并不是必须的。条件语句条件语句就是指通过判断指定的计算结果,来决定执行还是跳过指定的语句块。语句,在语句的基础上,允许提供多个条件判断。语句是终端语句,用于循环语句或开关语句。 语句 语句的概念 语句其实就是JavaScript中的整句或命令,使用分号进行分隔,可以编写一句,也可以编写多句。JavaScript中使用花括号({})表示一个语...

    seanlook 评论0 收藏0

发表评论

0条评论

kamushin233

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<