其他分享
首页 > 其他分享> > JS第四讲--数据类型(下)

JS第四讲--数据类型(下)

作者:互联网

(十一)字面量

可以根据浏览器控制台的输出内容的颜色判断它是什么类型.

number:蓝色

string:黑色

boolean:蓝色

undefined,null:灰色

字面量:是在源代码中一个固定值的表示法,通俗来说,就是字面量如何表达这个值.

数字字面量:8,9,10

字符串字面量:'黑马程序员','大前端'

布尔字面量:true,false

(十二)转换为字符串类型

数据类型转换:把一种数据类型的变量转换成另一种数据类型

通常会希望实现三种方式的转换:

  1. 转换为字符串型

  2. 转换为数字型

  3. 转换为布尔型

转换为字符串类型的方法:

  1. toString() 转换成字符串

    var num=1;
    alert(num.toString());
  2. String() 强制转换

    var num=1;
    alert(String(num));
  3. 加号拼接字符串(用的最多)

    这种方法称为隐式转换.

    字符串+任何=字符串

    任何+字符串=字符串

    var num=1;
    alert(num+"我是字符串");

(十三)转换为Number类型

  1. parseInt()函数

    将string类型转化成整数数值型

    var num=parseInt('78');//得到78

    如果输入的是小数,或者带小数的字符串'3.14',会自动向下取整

    var num=parseInt('3.14');//得到3

    如果输入的数字后面带单位,会自动将单位去掉(去后不去前)

    var num=parseInt('120px');//得到120

  2. parseFloat()函数

    将string型转化成浮点数型

    var num=parseFloat('78.21');

    同样会自动去掉数字后的单位

    var num=parseFloat('120px');

  3. Number()强制转化函数

    将string类型转换成数值型

    var num=Number('12');

  4. js隐式转换( - * / )

    利用算术运算,隐式转换为数值型

    var num='12'-0;

    字符-字符,也是数值型

    var num='123'-'120';

(十四)计算年龄案例

要求:在页面中弹出一个输入框,我们输入出生年份后,能计算出我们的年龄

var num=prompt('请输入您的年龄');
var age=2022-num;//这里的减法有隐式转换
alert('您今年'+age+'岁了');

(十五)简单加法器案例

弹出一个输入框,当输入第一个值以后,继续弹出第二个框并输入第二个值,最后通过弹出窗口显示出两次输入值相加的结果

var num1=prompt('请输入第一个值:');
var num2=prompt('请输入第二个值:');
var sum=(num1-0)+(num2-0);//转换成number型
alert('二者之和为'+sum);

(十六)转换为布尔型

Boolean()函数,其他类型转换成布尔型.如:

var flag=Boolean('true');

代表空,否定意思的词都会转换成false,如:'',0,NaN,null,undefined

剩下的都转换成true.

console.log(Boolean(null));//返回值为false
console.log(Boolean('你好吗'));//返回值为true

(十七)拓展阅读

  1. 解释型语言和编译型语言

    编译器是代码执行前编译,生成中间代码

    解释器是在运行时进行即时解释,并立即执行.

    两者的区别在于翻译的时间点不同

  1. 标识符,关键字,保留字

    • 标识符:开发人员为变量,属性,函数,参数取的名字

      标识符不能是关键字或保留字

    • 关键字:JS本身已经使用了的字,不能再用他们充当变量名,方法名.

      如:break,continue,if,else

    • 保留字:预留的关键字.现在还不是关键字,但是将来可能成为关键字,也不能用作变量名或方法名

      如:boolean,class,package,short

标签:转换,字面,--,数据类型,JS,字符串,num,var,alert
来源: https://blog.csdn.net/liuzizhoufaith/article/details/122789349