ES6新增的JavaScript基本数据类型及示例代码

最新推荐文章于 2025-12-01 21:02:07 发布
最新推荐文章于 2025-12-01 21:02:07 发布
阅读量73 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript es6 前端 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/HackCyberX/article/details/133476793
编程 专栏收录该内容
414 篇文章 ¥29.90 ¥99.00
订阅专栏
本文介绍了JavaScript ES6中新增的五种基本数据类型：Symbol用于唯一标识符，Set实现无重复值集合，Map提供键值对存储，WeakSet和WeakMap则引入了弱引用的概念，为开发者提供了更多灵活的编程选择。

JavaScript是一门广泛应用于Web开发的脚本语言，它拥有多种数据类型用于存储不同类型的数据。在ES6（ECMAScript 2015）中，新增了一些基本数据类型，本文将介绍这些新增的数据类型并提供相应的示例代码。

  1. Symbol（符号）
    Symbol是ES6引入的一种新的基本数据类型，用于表示独一无二的标识符。每个通过Symbol函数创建的Symbol值都是唯一的，可以用作对象的属性名，以避免属性名冲突。

示例代码：

const id = Symbol('id');
const user = {
   
   
  [id]</
了解本专栏 订阅专栏 解锁全文
2024 前端javaScript+ES6
CC酱写前端的博客
03-13 1241
2024 前端javaScript+ES6
01-深入探索ES6的新增方法：提升JavaScript开发效率
2201_75866478的博客
12-06 1140
十五、ES6还引入了一系列实用的数组方法，如map()、filter()、reduce()、some()和every()等，由于篇幅和它们的重要性考虑，我将会在下一篇文章中详细介绍。十、字符串的一些新增方法 ES6为字符串新增了一些实用的方法，如：startsWith、endsWith、padStart、padEnd、repeat等。八、数组的一些新增方法 ES6为数组新增了很多实用的方法，如：find、findIndex、includes、some、every等。
JS数据类型、区别与ES6新增类型及数据类型判断方法
2301_81122125的博客
04-27 1067
JavaScript共有八种数据类型，分别是Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围栈：原始数据类型（Undefined、Null、Boolean、Number、String）堆：引用数据类型（对象、数组和函数）
es6新增-map数据结构
m0_65912225的博客
07-27 530
js中object痛点： map诞生背景： 概括： 实例方法： 遍历方法： WeakMap与Map的区别有两点
ES6新增知识
doukaiwei的博客
09-24 2169
文章目录一、ES6中新增的特性1.块级作用域2.箭头函数3.解构赋值4.模板字符串5.扩展运算符6.类7.模块化8.promise9.Map/Set11.symbol12.迭代器和生成器13.其它新增内容 一、ES6中新增的特性 1.块级作用域 ES6中新增的块级作用域主要是新增let/const带来的 let特性： 不允许在同一个作用域下重复声明变量； let拥有块级作用域，这意味着在 if 语句、for 循环、while 循环等代码块中声明的 let 变量，只在该代码块内有效。 const特性 co
ES6中引入了哪些新的数据类型？使用场景是什么？底层原理是什么？
长风破浪会有时的博客
01-20 627
ES6 引入的新数据类型让 JavaScript 更加灵活和强大。Symbol提供了一种独特的方式定义对象属性；Map和Set则扩展了我们处理集合的能力；而WeakMap和WeakSet为我们带来了更智能的对象管理方法。
JavaScript 数据类型详解：基本类型与引用类型的区别与应用
嗨，欢迎来到我的 优快云 博客小天地！一名深耕多年的技术发烧友。在这里，我将把日常工作中积累的宝贵经验，从复杂架构设计的精妙之处，到代码优化的实战技巧，毫无保留地分享给大家。
03-17 2370
JavaScript 数据类型详解：基本类型与引用类型的区别与应用
JavaScript -- ES6学习代码示例加讲解
天行健 君子以自强不息，地势坤 君子以厚德载物。
01-18 996
什么是ES6? ES的全称是ECMAScript ,它是由ECMA国际标准化组织,制定的一项脚本语言的标准化规范。其中的6代表这个规范的版本。 ES6实际上是一个泛指，泛指ES2015及后续的版本。 1.let关键字 let声明的变量只在所处于的块级有效(所谓的块级作用域就是指的是一个大括号内的区域) if (true) { let a = 10; } console.log(a);// a is not defined. for (let i = 0;
ES6新增的几种集合类型
一个小菜鸡的学习记录
03-31 1495
带你快速了解es6新增的几种集合类型
精选资源
JavaScript（ES6新增、W3C、MDN）最新参考手册.zip
01-10
3. **JavaScript语言中文参考手册.chm** - 这可能是一份全面的JavaScript语言参考，包含从基础到高级的各个层面，包括变量、数据类型、控制流、函数、对象、闭包，以及ES6的新增特性，如let和const变量声明、解构...
前端开发ES6至ES10语法特性详解：数据类型扩展与编程实践应用指南
11-14
内容概要：本文系统介绍了ES6至ES10版本中JavaScript数据类型及相关语法的核心扩展内容，涵盖let与const命令带来的块级作用域和变量声明改进，变量的解构赋值，字符串、正则、数值、函数、数组和对象的多项新增特性...
前端在移动端中的页面切换
2509_93939582的博客
11-28 522
记得加硬件加速，用transform和opacity属性，别动不动改布局属性（比如width或height），那样容易引发重排重绘，卡成幻灯片。不过，SPA也不是万能药，它初次加载可能慢点，得靠代码分割和懒加载来优化——比如把不常用的模块拆开，等用户需要时再加载，这样既省资源又提速。还有，别忘了图片和视频的懒加载：页面切换时，先加载核心内容，图片等可视区域再加载，这样首屏能秒开。另外，内存管理也得注意，SPA容易内存泄漏，切换页面时记得清理事件监听器和定时器，不然用久了手机会变卡。
Electron 与 OpenHarmony 的实战入门：手把手打造一个安全的简易记事本应用
已掌握java全栈，简单的java项目逻辑。目前正在学习鸿蒙开发，有兴趣的小伙伴可以一起学习！！！
11-27 915
这个“简易记事本”虽只有几十行代码，却完整体现了 现代桌面应用的安全架构思想。它不仅是 Electron 的最佳入门实践，更是通往 OpenHarmony 全场景开发的桥梁。
js考古之seajs.use、layui.use是啥 以及来源？
weixin_52236586的博客
11-29 477
Seajs是先行者，在浏览器原生不支持模块化的黑暗年代，发明了 seajs.use 来实现按需加载。Layui是实用主义者，它借用了这种模块化思想，用 layui.use 把 UI 组件管理得井井有条，成为了 jQuery 时代的绝唱。是终结者，它作为官方标准，吸收了前辈们的经验，配合现代打包工具，提供了最强悍的性能和开发体验。当你下次再看到 seajs.use 或 layui.use 时，请对它们保持敬意。因为正是这些“老古董”，为今天现代前端的摩天大楼，铺下了第一块基石。
前端路由管理
2509_93941777的博客
11-28 398
这种机制在单页应用（SPA）中特别常见，比如Vue.js或React项目里，用户点击链接时，URL会变，但页面不会整体刷新。这样一来，应用可以更流畅，减少等待时间。记得有一次，我在一个电商项目里用Vue Router做商品详情页的路由，通过动态路由参数传递商品ID，配合axios异步加载数据，页面切换又快又顺。通过动态import()语法，可以把路由组件拆分成独立的chunk，用户访问时才加载，大大提升首屏速度。还有404页面的处理，最好设置一个通配符路由，捕获所有未匹配的路径，避免用户看到空白页。
养老保险|智慧养老|基于springboot+vue养老保险系统设计与实现(源码+数据库+文档)
伟庭的博客
11-30 538
【摘要】本文介绍了一个基于SpringBoot+Vue的智慧社区养老系统开发项目。针对传统社区养老管理效率低下的问题，系统实现了公告管理、健康档案、养老政策等核心功能模块。采用Java技术栈开发，包含项目管理、养老政策管理、公告管理等后台管理界面，并展示了实体ER图与核心代码片段。系统旨在提升社区养老服务的信息化水平，为老年人提供便捷的健康管理服务。项目适合作为计算机专业毕业设计选题，文末提供了源码获取方式。
Vue3 新的组件
洋葱的博客
11-30 129
什么是Teleport？——Teleport是一种能够将我们的组件html结构移动到指定位置的技术。在Vue3中：组件可以没有根标签，内部会将多个标签包含在一个Fragment虚拟元素中。1、等待异步组件时渲染一些额外内容，让应用有更好的用户体验。在Vue2中：组件必须有一个根标签。好处：减小标签层级，减小内存占用。一、Fragment。二、Teleport。三、Suspense。
从零构建大模型智能体：开篇
日积月累，天道酬勤
11-29 652
从零构建大模型智能体，覆盖推理链、工具调用、知识检索与多智能体协作，结合理论与可运行代码，助你掌握可控、高效、可解释的智能体全栈实现。
【React】ReactRouter记账本案例实现
最新发布
qq_50694225的博客
12-01 778
React-Router-Redux综合案例-记账本实现
ES6定义的基本数据类型
09-20
ES6 定义了 7 种数据类型，其中包含 6 种原始数据类型和 1 种对象类型，分别是：Boolean、Null、Undefined、Number、String、Symbol、Object [^4]。 这几种数据类型的具体情况如下： - **Null**：是一个关键字，是一个值数据类型，参与判断时返回 false，没有方法，转换为数字时为 0，`typeof null` 返回 `'object'` [^4]。 - **Undefined**：不是关键字，是一个值数据类型，参与判断时返回 false，没有方法，转换为数字时是 `NaN`，`typeof undefined` 返回 `'undefined'` [^4]。 - **Boolean**：即 `true` 和 `false`，是两个值的数据类型，主要用于判断。正常情况下，只有空字符串、`null`、`undefined`、`0`、`-0`、`NaN` 这六种情况会转为 `false`，可以使用 `Boolean()` 或 `!!()` 把一个数组转换为布尔值 [^4]。 - **Number**：包含整数、浮点数、`NaN`。ES6 不区分整型和浮点型，所有数字都使用 `number` 类型来表示。使用 `number` 时建议尽量使用十进制，少用十六进制，不用八进制；使用浮点数时不要进行数据比较，例如 `0.1 + 0.2` 不要与 `0.3` 进行比较，因为计算机采用二进制表示数据，`0.1` 的二进制表示数加上 `0.2` 的二进制表示数不等于 `0.3` 的二进制表示数 [^2][^4]。 - **String**：用于表示文本数据 [^1]。 - **Symbol**：是 ES6 新增的原始数据类型，表示独一无二的值，最大的用法是用来定义对象的唯一属性名 [^1]。 - **Object**：属于复杂数据类型，细分有 `object`、`array`、`function`、`date` 等 [^3]。 此外，ES6 还新增了 `BigInt` 类型。在 JavaScript 中的数字类型是按照 IEEE 754 - 2008 标准的定义，所有数字都以双精度 64 位浮点格式表示，任何超出此范围的整数值都可能失去精度，因此需要 `BigInt` 来增加程序可靠性和安全性 [^5]。 ### 代码示例 ```javascript // null let nullValue = null; console.log(typeof nullValue); // object console.log(Boolean(nullValue)); // false console.log(Number(nullValue)); // 0 // undefined let undefinedValue; console.log(typeof undefinedValue); // undefined console.log(Boolean(undefinedValue)); // false console.log(Number(undefinedValue)); // NaN // Boolean let trueValue = true; let falseValue = false; console.log(typeof trueValue); // boolean // Number let integer = 10; let float = 3.14; let nanValue = NaN; console.log(typeof integer); // number // String let str = "Hello, ES6"; console.log(typeof str); // string // Symbol let sym = Symbol('key'); console.log(typeof sym); // symbol // Object let obj = { name: 'John' }; console.log(typeof obj); // object // BigInt let bigIntValue = 12345678901234567890n; console.log(typeof bigIntValue); // bigint ```
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值