本文系统讲解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数据类型内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站！