likes
comments
collection
share

JS从入门到精通--数据类型

作者站长头像
站长
· 阅读数 36

数据类型

数据类型的分类

在JavaScript(JS)中,常见的数据类型包括以下几种:

  1. 基本数据类型(Primitive Data Types):

    • String(字符串):表示文本数据,使用单引号或双引号括起来。
    • Number(数字):表示数值,包括整数和浮点数。
    • Boolean(布尔值):表示逻辑值,只有两个可能的取值:true(真)和false(假)。
    • null:表示空值。
    • undefined:表示未定义的值。
    • Symbol(符号):表示唯一的、不可变的值,用于创建对象的唯一标识符。
  2. 引用数据类型(Reference Data Types):

    • Object(对象):表示复杂的数据结构,可以包含多个键值对。
    • Array(数组):表示有序的集合,可以包含多个值。
    • Function(函数):是一段可执行的代码块,可以接收参数并返回结果。
    • Date(日期):表示日期和时间。
    • RegExp(正则表达式):表示用于模式匹配的文本模式。

需要注意的是,JavaScript 中的变量是动态类型的,即一个变量可以在不同的上下文中存储不同类型的值。此外,JavaScript 还提供了一些特殊的数据类型和数据结构,例如 Map、Set、Promise 等,用于处理更复杂的数据和异步操作。

检测数据类型的方法

在 JavaScript 中,可以使用以下几种方法来检测数据的类型:

  1. typeof 操作符:typeof 是一个一元操作符,用于返回一个表示操作数类型的字符串。它可以检测大多数数据类型,包括基本数据类型和函数,但对于数组、null 和一些特殊对象的检测结果可能不准确。

    console.log(typeof "Hello"); // 输出 "string"
    console.log(typeof 123); // 输出 "number"
    console.log(typeof true); // 输出 "boolean"
    console.log(typeof undefined); // 输出 "undefined"
    console.log(typeof null); // 输出 "object"(注意这是一个历史遗留问题)
    console.log(typeof [1, 2, 3]); // 输出 "object"
    console.log(typeof function() {}); // 输出 "function"
    
  2. instanceof 操作符:instanceof 用于检测对象是否属于某个特定的类或构造函数。它可以用于检测引用数据类型,如对象、数组和函数等。

    console.log("Hello" instanceof String); // 输出 false,"Hello" 是一个字符串字面量而不是 String 对象
    console.log([1, 2, 3] instanceof Array); // 输出 true,[1, 2, 3] 是一个数组对象
    console.log(function() {} instanceof Function); // 输出 true,匿名函数是 Function 对象的实例
    
  3. Array.isArray() 函数:Array.isArray() 是一个静态方法,用于检测一个值是否为数组类型。

    console.log(Array.isArray([1, 2, 3])); // 输出 true
    
  4. Object.prototype.toString() 方法:该方法可以返回一个表示对象的类型的字符串。它通过调用内部的 [[Class]] 属性来确定对象的类型。

    console.log(Object.prototype.toString.call("Hello")); // 输出 "[object String]"
    console.log(Object.prototype.toString.call(123)); // 输出 "[object Number]"
    console.log(Object.prototype.toString.call(true)); // 输出 "[object Boolean]"
    console.log(Object.prototype.toString.call(undefined)); // 输出 "[object Undefined]"
    console.log(Object.prototype.toString.call(null)); // 输出 "[object Null]"
    console.log(Object.prototype.toString.call([1, 2, 3])); // 输出 "[object Array]"
    console.log(Object.prototype.toString.call(function() {})); // 输出 "[object Function]"
    

这些方法可以根据不同的需求来选择使用。需要注意的是,它们有各自的特点和适用范围,对于某些特殊情况可能会有限制或不准确。在进行类型检测时,应根据具体的需求和情况选择合适的方法。

相互转化

在JavaScript中,可以使用一些内置函数或操作符来进行不同数据类型之间的相互转换。下面是一些常见的数据类型转换方法:

  1. 字符串转换:

    • 使用 String() 函数可以将其他数据类型转换为字符串类型。例如:String(123) 返回字符串 "123"。
    • 使用字符串拼接操作符 + 可以将其他数据类型与空字符串相加来实现隐式转换为字符串。例如:123 + "" 返回字符串 "123"。
  2. 数字转换:

    • 使用 Number() 函数可以将其他数据类型转换为数字类型。例如:Number("123") 返回数字 123。
    • 使用 parseInt() 或 parseFloat() 函数可以将字符串转换为整数或浮点数。例如:parseInt("123") 返回整数 123。
  3. 布尔值转换:

    • 使用 Boolean() 函数可以将其他数据类型转换为布尔值类型。例如:Boolean(0) 返回布尔值 false。
    • 使用逻辑非操作符 ! 可以进行隐式的布尔值转换。例如:!"" 返回布尔值 true。
  4. 数组与字符串之间的转换:

    • 使用 join() 方法可以将数组转换为字符串。例如:[1, 2, 3].join(",") 返回字符串 "1,2,3"。
    • 使用 split() 方法可以将字符串转换为数组。例如:"1,2,3".split(",") 返回数组 [1, 2, 3]。
  5. JSON 转换:

    • 使用 JSON.stringify() 函数可以将 JavaScript 对象转换为 JSON 字符串。
    • 使用 JSON.parse() 函数可以将 JSON 字符串转换为 JavaScript 对象。

需要注意的是,在进行数据类型转换时,可能会发生意外的结果或数据丢失。因此,在进行转换之前,应该仔细考虑数据的类型和值,并确保转换的结果符合预期。

数据类型储存

在 JavaScript 中,数据类型的存储方式可以分为两种:基本数据类型和引用数据类型。

  1. 基本数据类型(Primitive Data Types):

    • 布尔值(Boolean):存储为 1 个字节的内存空间,可以是 true 或 false。
    • 数字(Number):存储为 8 个字节的内存空间,用于表示整数和浮点数。
    • 字符串(String):存储为字符序列,每个字符占用 2 个字节的内存空间。
    • undefined:表示未定义的值,存储为 0 或特殊的未定义标记。
    • null:表示空值,存储为 0 或特殊的空值标记。
  2. 引用数据类型(Reference Data Types):

    • 对象(Object):存储为引用(内存地址),实际数据存储在堆内存中。
    • 数组(Array):也是对象的一种,存储为引用,实际数据也存储在堆内存中。
    • 函数(Function):也是对象的一种,存储为引用,实际代码存储在堆内存中。
    • 日期(Date)、正则表达式(RegExp)等引用类型,存储方式与对象类似。

对于基本数据类型,它们的值直接存储在变量所分配的内存空间中。当一个变量被赋予另一个变量时,它们之间的值是独立的,互不影响。

而对于引用数据类型,变量存储的是一个指向实际数据的引用,而非实际数据本身。多个变量可以引用同一个对象,它们共享同一个数据。因此,在操作引用类型时,修改一个变量的值会影响到其他引用同一对象的变量。

需要注意的是,JavaScript 的引擎在内部处理数据类型的存储和操作,具体的实现细节可能会因不同的 JavaScript 引擎而有所不同。上述描述主要是一般情况下的数据类型储存方式,具体的实现会受到 JavaScript 引擎的优化和内存管理策略的影响。

转载自:https://juejin.cn/post/7283047347474333731
评论
请登录