JavaScript数据类型详解:字面量、变量与类型转换
本文系统讲解JavaScript中的核心数据类型知识,涵盖数字、字符串等字面量的定义与特性,变量var的声明与赋值规则,以及利用typeof检测类型的方法。重点解析String、Number、Boolean等类型转换函数的用法及隐式转换逻辑,帮助开发者掌握基础语法与数据操作。
一、字面量
字面量是指用于直接表达固定值的语法表示法,在程序中通常被视为常量。
1.1 数字字面量

<script>
// 整数字面量
// 十进制
console.log(12);
// 八进制
console.log(010);
// 十六进制
console.log(0x100);
</script
效果展示

1.2 浮点数字面量
浮点数不区分进制,所有浮点数均以十进制形式表示(需注意:若浮点数值在0到1之间,整数部分的0可以省略,例如0.6可简写为.6)。此外,浮点数的精度远低于精确的小数。
// 浮点数字面量
console.log(1.2);
console.log(-1.2);
console.log(0.1343);
console.log(.1343);
console.log(1.2e4);
console.log(1.2e-4);
效果展示

1.3 特殊值
Infinity:表示无穷大。
// Infinity
console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);
console.log(5e789);
console.log(-5e789);
console.log(Infinity);
效果展示

NaN:表示“非数字”(Not a Number),即不是一个正常的数值。
可以使用isNaN()函数来判断一个数据是否为NaN。
// NaN
console.log(0 / 0);
console.log(isNaN(0 / 0));
console.log(isNaN(22));
效果展示

1.4 字符串字面量
字符串字面量的定义方式如下:
使用单引号或双引号包裹字符内容,引号内部可以包含任意数量的字符,也可以为空字符串。需要注意的是,如果字符串内部包含双引号,则外部应使用单引号包裹;反之,若内部包含单引号,则外部使用双引号。
// 字符串字面量
console.log("这是一个'字符串'");
console.log("123");
console.log("000%$*^");
console.log(" ");
console.log("");
效果展示

**转义符**:

// 转义符
console.log("你\n好");
console.log("你\t好");
console.log("你好\"呀\"");
效果展示

二、变量
2.1 变量的定义
变量是计算机内存中存储数据的标识符,通过变量名称即可访问对应的内存数据。
在使用变量前必须先进行声明以创建该变量。若未定义直接使用,程序将抛出引用错误。
声明方法为:使用关键字var后接空格,再跟上变量名。

// 变量的定义
var name;
var userName;
var a;
var b1;
2.2 变量的赋值
变量在定义后默认值为undefined;赋值时,变量内部可存储任意类型的数据,包括另一个变量。
单个var关键字可同时定义多个变量,各变量名之间使用逗号分隔。
代码如下(示例):
// 变量的定义
var name;
var userName;
var a;
var b1;
// 变量的赋值
var a=1,b=2,c=3;
a = a + b + c;
console.log(a);
效果展示:

三、数据类型
3.1 简单数据类型

复杂数据类型为object(对象)。
3.2 检测数据类型
使用typeof运算符来检测数据类型,其后跟随小括号,括号内填写待检测的参数。需要注意的是,变量的数据类型是动态变化的,会随赋值内容的不同而改变。 代码如下(示例):
console.log(typeof(6.8));
console.log(typeof(-1));
console.log(typeof(NaN));
console.log(typeof(false));
console.log(typeof 66);
console.log(typeof 66 + 3);
效果展示

3.3 数据类型转换
(1)转换为字符串
可以使用toString()方法和String()函数将数据转换为字符串类型。
“+”运算符具有特殊性:只要参与运算的两侧有一个是字符串,则执行字符串拼接功能;若两侧均为数字,则执行数学加法运算。
(2)转换为数字类型
Number()函数可以将其他类型的数据转换为数字类型。
parseInt()用于将字符串转换为整数:它可对浮点数进行取整操作,将字符串解析为整数数字(主要针对数字字符串)。 parseFloat()用于将字符串转换为浮点数。
(3)转换为布尔类型
Boolean()函数可以将任何类型的数据转换为布尔类型的值。
转换为false的情况包括:NaN、0、“”(空字符串)、null、undefined。
转换为true的情况包括:非0且非NaN的数字、非空字符串。
// 转成字符串类型
console.log(true.toString());
console.log(String(2333));
console.log(1 + "");
// 转换成数字类型
console.log(Number("11aa"));
console.log(parseInt("123.11ac")); //转换成整数
console.log(parseFloat("12.123hh"));
// 转成布尔类型
console.log(Boolean(NaN));
console.log(Boolean(""));
console.log(Boolean(undefined));
console.log(Boolean(" "));
console.log(Boolean(123));
3.4 prompt接收数据转换
// var num = prompt("请输入一个十以内的数字");
// num = parseInt(num);
// console.log(typeof(num));
// 简单化写法
var num = parseInt(prompt("请输入一个十以内的数字"));
num = num + 3;
console.log(num);
四、总结
数据类型部分的学习到此结束,坚持学习前端开发,期待看到一个不一样的自己。

到此这篇关于JavaScript数据类型相关知识详解的文章就介绍到这了,更多相关js数据类型内容请搜索本站以前的文章或继续浏览下面的相关文章,希望大家以后多多支持本站!
JS表单序列化出现中文乱码怎么解决
2026-11-05 17:21:05
JS代码在线格式化工具推荐:无需安装快速美化
2026-11-05 17:17:49
WebStorm内置JS代码格式化功能怎么用
2026-11-05 10:10:47
在线JS代码格式化与混淆压缩工具推荐及使用指南
2026-11-03 20:31:53
CodePen、JSFiddle与RunJS对比:哪款在线JavaScript编辑器更好用
2026-11-03 18:52:45
