JavaScript中的数据类型有哪些

 更新时间:2025年01月17日 14:27:42   作者:Cshaosun  
本文介绍了JavaScript中的八种数据类型:Undefined、Null、Boolean、Number、String、Symbol、BigInt和Object,基础数据类型存储在栈内存中,而引用数据类型存储在堆内存中,每种数据类型都有其特定的用途和特性

JavaScript数据类型有哪些

JavaScript 共有 UndefinedNullBooleanNumberStringObjectSymbolBigInt八种数据类型。

注:

SymbolBigInt 是 ES6 中新增的数据类型

基础数据类型和引用数据类型

1.基础数据类型

Undefined、 Null、 Boolean、 String、Number、Symbol、BigInt

(1)Undefined:【未定义/未初始化】此类型只有这一个值,当声明的变量未赋值时,就相当于赋值了Undefined。

(2)Null:【空对象】Null只有一个值,null表示一个控制值对象。在保存对象类型的值时建议 使用null 初始化

console.log(null == undefined); // true
console.log(null === undefined); // false

(3)Boolean:【布尔值】truefalse。其他类型转Boolean可以用Boolean()

Boolean({})  // 结果为true      Boolean(null)  // 结果为 false
Boolean(123) // 结果为true      Boolean(0) | Boolean(0) NaN  // 结果为false

(4)Number:【数值,包括NaN】

NaN (Not a Number) 不是一个数字的意思,isNaN()函数可以判断传入参数是否为数值

console.log(isNaN(NaN));     // true
console.log(isNaN(10));      // false,10是数值
console.log(isNaN("11"));    // false,可以转换为数值11
console.log(isNaN("hsy"));   // true,不可以转换为数值
console.log(isNaN(true));    // false,可以转换为数值1

(5)String:【字符串类型】可以用单引号、双引号或反引号标示

转为字符串

  • toString()可用于数值、布尔值、对象和字符串值。
  • null 和undefined 值没有该方法。
  • 在对数值调用时,可以接收一个底数传参,即以什么底数来输出数值的字符串表示。

(6)Symbol: 【独一无二的值】保证每个属性的名字都是独一无二的,这样就能够防止属性的冲突了

let s1 = Symbol(4);
let s2 = Symbol(4);
s1 === s2            //打印结果 false

(7)BigInt :【数字类型】可以表示任意精度格式的整数,使用 BigInt 可以安全地存储和操作大整数, 即使这个数已经超出了Number 能够表示的安全整数范围

可以用在一个整数字面量后面加 n 的方式定义一个 BigInt

2.引用数据类型Object

对象、 数组和函数都属于引用数据类型。

注:

  • 基础数据类型存放在栈内存中
  • 引用数据类型存放在堆内存中

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Bootstrap select多选下拉框实现代码

    Bootstrap select多选下拉框实现代码

    这篇文章主要为大家详细介绍了Bootstrap select多选下拉框实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下代码
    2016-12-12
  • JS返回页面时自动回滚到历史浏览位置

    JS返回页面时自动回滚到历史浏览位置

    这篇文章主要介绍了JS返回页面时自动回滚到历史浏览位置的相关知识,本文给大家使用的是SessionStorage来存储页面内容,在返回页面时重新加载,具体实现代码大家跟随小编一起看看吧
    2018-09-09
  • escape、encodeURI 和 encodeURIComponent 的区别

    escape、encodeURI 和 encodeURIComponent 的区别

    escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法,而他们之间的异同却困扰了很多的Javascript初学者,今天我就在这里对这三个方法详细地分析与比较一下。
    2009-03-03
  • JavaScript prototype属性详解

    JavaScript prototype属性详解

    这篇文章主要为大家详细介绍了JavaScript prototype属性,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 基于js实现判断浏览器类型代码实例

    基于js实现判断浏览器类型代码实例

    这篇文章主要介绍了基于js实现判断浏览器类型代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • angular之ng-template模板加载

    angular之ng-template模板加载

    本篇文章主要介绍了angular之ng-template模板加载,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • 前端图片添加水印的主流实现方案详解

    前端图片添加水印的主流实现方案详解

    在前端对图片添加水印,通常是为了保护版权、标识来源或防止未经授权的使用,这篇文章主要介绍了前端图片添加水印的主流实现方案,文中的示例代码讲解详细,有需要的小伙伴可以了解下
    2026-03-03
  • javascript获取以及设置光标位置

    javascript获取以及设置光标位置

    本文介绍了javascript获取以及设置光标位置的方法,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • javascript实现随时变化着的背景颜色

    javascript实现随时变化着的背景颜色

    这篇文章主要介绍了javascript实现随时变化着的背景颜色的方法,非常的简单实用,有需要的小伙伴可以直接拿走。
    2015-04-04
  • iframe高度自适应及隐藏滚动条的实例详解

    iframe高度自适应及隐藏滚动条的实例详解

    这篇文章主要介绍了iframe高度自适应及隐藏滚动条的实例详解的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
    2017-09-09

最新评论