您的位置:首页 > Web前端 > JavaScript

JavaScript基础02--数据类型转换和运算符

2019-03-21 23:02 288 查看

字面量

在源代码中一个固定值的表示法。

数值字面量:8, 9, 10.24

字符串字面量:‘Hello word’, “JavaScript”

布尔字面量:true,false

注释

  • 单行注释

用来描述下面一个或多行代码的作用

// 这是一个变量
var name = 'hm';
  • 多行注释

用来注释多条代码

/*
var age = 18;
var name = 'zs';
console.log(name, age);
*/

数据类型转换

转换成字符串类型

  • xxx.toString()
    var num = 5;
    console.log(num.toString());
  • String(xxx)
    String()函数存在的意义:有些值没有toString(),这个时候可以使用String()。比如:undefined和null
  • 拼接字符串方式
    num + “”,当 + 两边一个操作符是字符串类型,一个操作符是其它类型的时候,会先把其它类型转换成字符串再进行字符串拼接,返回字符串

转换成数值类型

  • Number()
    Number()可以把任意值转换成数值,如果要转换的字符串中有一个不是数值的字符,返回NaN
  • parseInt()
    var num1 = parseInt(“12.3abc”); // 返回12,如果第一个字符是数字会解析直到遇到非数字结束
    var num2 = parseInt(“abc123”); // 返回NaN,如果第一个字符不是数字或者符号就返回NaN
  • parseFloat()
    parseFloat()把字符串转换成浮点数
    parseFloat()和parseInt非常相似,不同之处在与
    parseFloat会解析第一个. 遇到第二个.或者非数字结束
    如果解析的内容里只有整数,解析成整数
  • +,-0等运算
    var str = ‘500’;
    console.log(+str); // 取正,结果是一个数字
    console.log(-str); // 取负,结果是一个数字,
    console.log(str - 0); //结果是一个数字

转换成布尔类型

  • Boolean()
  • 任何数据都可以转换为布尔类型。
    注意: 只有 0 ‘’(空字符串) null undefined NaN 这几个会转换成false 其它都会转换成true

运算符

运算符(operator),非常类似于数学中的运算符,比如加法运算:

5 + 6

表达式:由操作数和运算符构成,最终会有一个“运算结果”

语句:就是一个可以执行的代码段(一般就是一行一个语句)

算术运算符

+ - * / %

自增自减运算符

一元运算符:只有一个操作数的运算符,自增自减运算符属于一元运算符。

++ 自身加1

– 自身减1

  • 前置++
    var num1 = 5;
    ++num1; // 相当于:num1 = num1 + 1;

    var num2 = 6;
    console.log(num1 + ++num2);		//输出13,且num2为7
  • 后置++
    var num1 = 5;
    num1++; // 相当于 num1 = num1 + 1;
    var num2 = 6
    console.log(num1 + num2++); //输出12,且num2为7

逻辑运算符(布尔运算符)

逻辑运算符,都是针对“布尔值”进行的运算。
&& 与  两个操作数同时为true,结果为true,否则都是false
|| 或  两个操作数有一个为true,结果为true,否则为false
!  非  取反

逻辑与(&&)运算符的真值表:

true && false		//false
true && true		//true
false && true		//false
false && false	//false

逻辑与(||)运算符的真值表:

true || false	//true
true || true	//true
false || true	//true
false || false	//false

关系运算符(比较运算符)

关系运算符(比较运算符)运算的结果,永远都是布尔值(true,false)
<   >   >=   <=   ==   !=    ===   !==

== 与 === 的区别:
==   只进行值的比较(可能会发生类型转换),模糊相等
===  要求类型和值都一样,则是相等

var result = '55' == 55;  	// true
var result = '55' === 55; 	// false 值相等,类型不相等
var result = 55 === 55; 	// true
var result = '55' !== 55;	// true

赋值运算符

=   +=   -=   *=   /=   %=
+=   -=   *=   /=   %=  这几个运算符,都只是一种运算形式的简化写法,类似如下:

v1 =  v1 + v2;		//v1,v2都是变量(数据)
则上述语句就可以简化为:
v1 += v2;
例如:
var num = 0;
num += 5;	// 相当于  num = num + 5;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐