JavaScript数据类型转换

2021/11/16 22:12:35

本文主要是介绍JavaScript数据类型转换,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

JavaScript数据类型转换

  • 1 转换为字符串类型
  • 2 转换为数字型
  • 3 转换为布尔型
  • 4 计算年龄案例

1 转换为字符串类型

转换为字符串型的3种常见的方式:

1、利用“+”拼接字符串(最常用的一种方式)
例如,a的类型是字符串型

a = "3" + "2";
console.log(a);
console.log(typeof a);

在这里插入图片描述
2、利用toString()转换成字符串
例如:

var a = 3;
console.log(a, typeof(a));// 输出a的值以及a的数据类型
console.log(a.toString(), typeof(a.toString()));//输出a转化字符串后的值,以及转化之后的数据类型

在这里插入图片描述
3、利用String()转换成字符串

var a = 3;
console.log(a, typeof (a));
console.log(String(a), typeof (String(a)));

在这里插入图片描述
注意:null和undefined无法使用toSting()方式进行转换;对于数字型的变量,可以在toString()的小括号中传入参数,来进行进制转换。

2 转换为数字型

转换为数字型的4种常见的方式:

1、使用parseInt()将字符串转为整数

var a = 1.111111;
console.log(parseInt(a));

输出结果为1。

2、使用parseFloat()将字符串转为浮点数

3、使用Number()将字符串转为数字型

var a = "3";// 字符串
console.log(typeof a);
console.log(Number(a), typeof (Number(a)));

在这里插入图片描述
4、利用算术运算符(-、*、/)隐式转换

var a = "3";
var b = "2";
console.log(typeof a, typeof b);//输出a和b的数据类型
console.log(a / b, typeof (a / b));

在这里插入图片描述

3 转换为布尔型

转换为布尔型使用Boolean(),在转换时,代表空、否定的值会被转换为false,如空字符串、0、NaN、null和undefined,其余的值转换为true。

var a = 3;
var b;
console.log(Boolean(a));
console.log(Boolean(b));

在这里插入图片描述

4 计算年龄案例

要求在页面中弹出一个输入框,提示用户输入出生年份,利用出生年份计算用户的年龄。

代码如下:

var year = prompt("请输入你的出生年份");
var age = 2021 - parseInt(year);//输入的year是字符串,需要转化
console.log("您今年:" + age + "岁了");

在这里插入图片描述
在这里插入图片描述



这篇关于JavaScript数据类型转换的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程