JavaScript 七大数据类型详解:基础与复杂类型全解析
作者:闭包旅人时间:2026-10-24 21:06:59浏览:458
本文详细解析 JavaScript 的七大数据类型,涵盖 String、Number、Boolean、Undefined、Null 五个基本类型及 Object、Symbol 两个复杂类型。通过表格与代码示例,深入讲解各类型的定义、范围、常用方法及注意事项,帮助开发者全面掌握 JS 核心数据概念。
前言
主流编程语言如 Python、Java 及 C 系列等均包含基本类型,这些基础类型在编程中不可或缺,正如生活中的整数或汉字,承担着最基础的表示功能,其重要性不言而喻。在 JavaScript 中,常见的五大基本数据类型包括 String(字符串)、Number(数值)、Boolean(布尔值)、Undefined(未定义)和 Null(空)。此外,还有两个常见的复杂类型:Object(对象)和 Symbol(符号)。
详细介绍
| 序号 | 类型 | 昵称 | 范围 | 常见方法 | 介绍 |
|---|---|---|---|---|---|
| 1 | String | 字符串 | .toString() 将对象转换为String类型 .length属性,用于获取String类型字符的长度 |
字符串类型,主要用于表示英文中文等字符串类型由单引号''或者双引号""包裹的内容 | |
| 2 | Number | 数值类型 | -1.7976931348623157E+308 ~ 1.7976931348623157E+308 | isNaN(number) 判断是否是number类型 | 数值类型,无论是小数还是整数负数等都用number类型表示 |
| 3 | Boolean | 布尔值 | 只有两个值,true,false,true表示真 false表示假 | ||
| 4 | Undefined | 未定义 | 表示只是声明了类型,但未定义的值 | ||
| 5 | Null | 空 | 表示对象引用为null | ||
| 6 | Object | 对象 | object是有大括号包含的 key-value类型的值,叫做对象 | ||
| 7 | Symbol | 唯一值 | 用于表示独一无二的值,不一样的值 |
练习
//String
let str = "hello js";
console.log(str.toString); //打印: hello js
console.log(str.length); //打印: 8
console.log(str.substr(1,3));//方法: 对字符串进行切分 打印:ell
console.log(str.split(' '));//方法: 按指定参数进行分组 打印['hello' 'js']
//Number
let num = 123;
console.log(!isNaN(num)); //判断是不是NaN,如果不是则表示是数值
//Boolean
let flag = false;
if(flag) { //打印结果为假
console.log("结果为真");
}else{
console.log("结果为假");
}
//Undefined
let d;
let val = `一个对象在为未赋值时,当前值为:${d}`;
console.log(val); //打印: 一个对象在为未赋值时,当前值为:undefined
//Null
let a = null
let nul = a;
console.log(nul); //打印: null
//Object
let obj1 = {
"name":"张三",
"age":24
}
//Symbol
let sy = Symbol("1");
if(sy == Symbol("1")) { //打印:结果为假
console.log("结果为真");
}else{
console.log("结果为假");
}
总结
本文到此结束,希望能为读者提供有价值的帮助。欢迎持续关注本站,获取更多技术内容!
作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
