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

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

注:

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

总结

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

相关文章

  • 微信小程序使用ECharts的示例详解

    微信小程序使用ECharts的示例详解

    echarts-for-weixin是ECharts官方维护的一个开源项目,提供了一个微信小程序组件,可以通过这个组件在微信小程序中使用 ECharts 绘制图表。本文将通过示例详解微信小程序使用ECharts的方法,感兴趣的可以了解一下
    2022-06-06
  • JavaScript中好用的解构用法详解

    JavaScript中好用的解构用法详解

    这篇文章主要为大家介绍了JavaScript中好用的解构用法操作示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • 2014最热门的JavaScript代码高亮插件推荐

    2014最热门的JavaScript代码高亮插件推荐

    本文给大家推荐今年最流行最热门的7款JavaScript代码高亮插件,各有优缺点,大家根据下面的介绍,选择最适合自己的一款吧。
    2014-11-11
  • JavaScript setTimeout()基本用法有哪些

    JavaScript setTimeout()基本用法有哪些

    这篇文章主要介绍了JavaScript setTimeout()基本用法有哪些,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • JavaScript String 对象常用方法总结

    JavaScript String 对象常用方法总结

    下面小编就为大家带来一篇JavaScript String 对象常用方法总结。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    2016-04-04
  • JS模拟Dialog弹出浮动框效果代码

    JS模拟Dialog弹出浮动框效果代码

    这篇文章主要介绍了JS模拟Dialog弹出浮动框效果代码,涉及JavaScript可拖动窗口的创建及布局相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 一篇文章看懂JavaScript中的回调

    一篇文章看懂JavaScript中的回调

    这篇文章主要给大家介绍了如何通过一篇文章看懂JavaScript中的回调,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • JSONPath使用指南和实用技巧(掌握JSON数据提取)

    JSONPath使用指南和实用技巧(掌握JSON数据提取)

    这篇文章主要给大家介绍了关于JSONPath使用指南和实用技巧的相关资料,JsonPath,类似于XPath在XML中的作用,其提供了对格式Json数据的解析能力,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-08-08
  • JavaScript中eval函数的问题

    JavaScript中eval函数的问题

    这篇文章主要介绍了JavaScript中eval函数的问题,需要的朋友可以参考下
    2016-01-01
  • 关于恒等于(===)和非恒等于(!==)

    关于恒等于(===)和非恒等于(!==)

    关于恒等于(===)和非恒等于(!==)...
    2007-08-08

最新评论