JavaScript 七大数据类型详解:基础与复杂类型全解析

作者:闭包旅人

时间:2026-10-24

浏览:459

本文详细解析 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("结果为假");
    }

总结

本文到此结束,希望能为读者提供有价值的帮助。欢迎持续关注本站,获取更多技术内容!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章