广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >es6中的原始数据类型有哪些
  • 544
分享到

es6中的原始数据类型有哪些

2024-04-02 19:04:59 544人浏览 泡泡鱼
摘要

这篇文章主要介绍了es6中的原始数据类型有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6中的原始数据类型有哪些文章都会有所收获,下面我们一起来看看吧。

这篇文章主要介绍了es6中的原始数据类型有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6中的原始数据类型有哪些文章都会有所收获,下面我们一起来看看吧。

有6种原始数据类型:1、Null类型,表示一个“空”值,即不存在任何值;2、Undefined类型,表示未定义;3、Number类型,表示数字(整数、浮动数等);4、String类型,一段以单引号或双引号包裹的文本;5、Symbol类型等。

教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es6中有9种数据类型,它们有可以分成两类:

  • 原始数据类型(6种):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol;

  • 引用数据类型(3种):对象(Object)、数组(Array)、函数(Function)。

下面就来聊聊6种原始数据类型。

数据类型说明
null空值,表示非对象
undefined未定义的值,表示未赋值的初始化值
number数字,数学运算的值
string字符串,表示信息流
boolean布尔值,逻辑运算的值
Symbol表示独一无二的值

1、Null 类型

Null 是一个只有一个值的特殊数据类型,表示一个“空”值,即不存在任何值,什么都没有,用来定义空对象指针。

使用 typeof 操作符来查看 Null 的类型,会发现 Null 的类型为 Object

var a = null;
console.log(typeof a);

es6中的原始数据类型有哪些

说明 Null 其实使用属于 Object(对象)的一个特殊值。因此通过将变量赋值为 Null 我们可以创建一个空的对象。

2、Undefined 类型

Undefined 也是一个只有一个值的特殊数据类型,表示未定义。当我们声明一个变量但未给变量赋值时,这个变量的默认值就是 Undefined。例如:

var num;
console.log(num);  // 输出 undefined

es6中的原始数据类型有哪些

在使用 typeof 操作符查看未赋值的变量类型时,会发现它们的类型也是 undefined。对于未声明的变量,使用 typeof 操作符查看其类型会发现,未声明的变量也是 undefined,示例代码如下:

var message;
console.log(typeof message);  // 输出 undefined
console.log(typeof str);     // 输出 undefined

es6中的原始数据类型有哪些

说明:null 、undefined的异同点:

相同点:都是一个值的数据类型;二者参与判断时都返回false;二者都没有方法

不同点:

(a)、null 是一个对象,而undefined 不是以个对象;

(b)、null 是一个关键字,undefined不是关键字;

(c)、null转换为数字时为0,而undefined转换为数字时是NaN;

(d)、typeof null返回’object‘,typeof undefined 返回’undefined‘;

alert(null == undefined) ;//true

3、Number 类型

数值(Number)类型用来定义数值,javascript 中不区分整数和小数(浮点数),统一使用 Number 类型表示,如下例所示:

var num1 = 123;     // 整数
var num2 = 3.14;    // 浮点数

注意:Number 类型所能定义的数值并不是无限的,JavaScript 中的 Number 类型只能表示 -(253 - 1) 到 (253 -1) 之间的数值。

对于一些极大或者极小的数,也可以通过科学(指数)计数法来表示,如下例所示:

var y=123e5;      // 123 乘以 10 的 5 次方,即 12300000
var z=123e-5;     // 123 乘以 10 的 -5 次方,即 0.00123

另外,Number 类型中还有一些比较特殊的值,分别为 Infinity、-Infinity 和 NaN,其中

  • Infinity:用来表示正无穷大的数值,一般指大于 1.7976931348623157e+308 的数;

  • -Infinity:用来表示负无穷大的数值,一般指小于 5e-324 的数;

  • NaN:即非数值(Not a Number 的缩写),用来表示无效或未定义的数学运算结构,例如 0 除以 0。

提示:如果某次计算的结果超出了 JavaScript 中 Number 类型的取值范围,那么这个数就会自动转化为无穷大,正数为 Infinity,负数为 -Infinity。

在number中有一个奇葩,自身都不相等。即alert(NaN == NaN) // false;

但是NaN 是数据类型,也就是说 typeof NaN 的返回值是’number‘;

针对上面两个特性,ECMAScript提供了一个函数isNaN(); 用途是判断传入的值能否转换为数字,返回值是boolean值。

空字符串转换为数字是0;

将一个值转换为数字类型可以使用Number();

4、String 类型

字符串(String)类型是一段以单引号''或双引号""包裹起来的文本,例如 '123'、"abc"。需要注意的是,单引号和双引号是定义字符串的不同方式,并不是字符串的一部分。

定义字符串时,如果字符串中包含引号,可以使用反斜杠\来转义字符串中的引号,或者选择与字符串中不同的引号来定义字符串,如下例所示:

var str = "Let's have a cup of coffee.";  // 双引号中包含单引号
var str = 'He said "Hello" and left.';    // 单引号中包含双引号
var str = 'We\'ll never give up.';        // 使用反斜杠转义字符串中的单引号

5、Boolean 类型

布尔(Boolean)类型只有两个值,true(真)或者 false(假),在做条件判断时使用的比较多,您除了可以直接使用 true 或 false 来定义布尔类型的变量外,还可以通过一些表达式来得到布尔类型的值,例如:

var a = true;   // 定义一个布尔值 true
var b = false;  // 定义一个布尔值 false
var c = 2 > 1;  // 表达式 2 > 1 成立,其结果为“真(true)”,所以 c 的值为布尔类型的 true
var d = 2 < 1;  // 表达式 2 < 1 不成立,其结果为“假(false)”,所以 c 的值为布尔类型的 false

boolean类型主要用途是用于判断;

正常情况下,只有这六种情况下会转为false:空字符串、null、undefined、0、-0、NaN

把一个数组如何转换为boolean值可以用两中方法:Boolean()、 !!()

6、Symbol 类型

Symbol 是 ECMAScript6 中引入的一种新的数据类型,表示独一无二的值,Symbol 类型的值需要使用 Symbol() 函数来生成,如下例所示:

var str = "123";
var sym1 = Symbol(str);
var sym2 = Symbol(str);
console.log(sym1);          // 输出 Symbol(123)
console.log(sym2);          // 输出 Symbol(123)
console.log(sym1 == sym2);  // 输出 false :虽然 sym1 与 sym2 看起来是相同的,但实际上它们并不一样,根据 Symbol 类型的特点,sym1 和 sym2 都是独一无二的

关于“es6中的原始数据类型有哪些”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“es6中的原始数据类型有哪些”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网JavaScript频道。

--结束END--

本文标题: es6中的原始数据类型有哪些

本文链接: https://www.lsjlt.com/news/97694.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • es6中的原始数据类型有哪些
    这篇文章主要介绍了es6中的原始数据类型有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6中的原始数据类型有哪些文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2022-10-19
  • es6的数据类型有哪些
    本文小编为大家详细介绍“es6的数据类型有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“es6的数据类型有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。es6数据类型有七种,分别是:1、Boolean是...
    99+
    2023-06-29
  • javascript原始类型有哪些
    javascript中的原始类型有:1.number,数值对象;2.string,字符串对象;3.boolean,布尔对象;4.undefined,未定义类型;5.null,空类型;6.symbol,唯一标识符;javascript中的原始...
    99+
    2022-10-24
  • 数据库中的数据类型有哪些
    这篇文章给大家分享的是有关数据库中的数据类型有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1,二进制数据nary    固定长度的二进制数据类...
    99+
    2022-10-19
  • Python中的数据类型有哪些?
    Python是一种高级编程语言,被广泛用于数据科学、机器学习、人工智能等领域。在Python中,数据类型是编程中的基础知识之一。本文将介绍Python中的数据类型以及如何使用它们。 Python中的数据类型 Python中有许多数据类型,包...
    99+
    2023-09-19
    数据类型 laravel spring
  • ASP 中的数据类型有哪些?
    在 ASP 中,数据类型是非常重要的概念,它决定了程序中变量的取值范围、存储空间和操作方式等。本文将介绍 ASP 中的数据类型,包括基本数据类型和对象数据类型。 一、基本数据类型 整型(Int) 整型是 ASP 中最基本的数据类型之一,...
    99+
    2023-07-30
    数据类型 索引 框架
  • java中的数据类型有哪些
    数据类型:注意事项:java开发过程中整型用int、小数用double、布尔用boolean;类型转换都是小范围向大范围转换,大范围往小范围转化需要用到强制转换;例如:(1)int a=12;double b=a;(2)double a=3...
    99+
    2021-03-27
    java基础 java 数据类型
  • mysql中的数据类型有哪些
    今天就跟大家聊聊有关mysql中的数据类型有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。一、数据类型是什么?数据类型是指列、存储过程参数、表达式和局部变量的数据特征,它决定了数...
    99+
    2023-06-14
  • Redis中有哪些数据类型
    本篇文章给大家分享的是有关Redis中有哪些数据类型,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。1.redis的5种数据类型: string...
    99+
    2022-10-18
  • mysql中有哪些数据类型
    这篇文章给大家分享的是有关mysql中有哪些数据类型的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。mysql数据类型有:BOOL、TINY INT、INT、BIG INT、FLO...
    99+
    2022-10-18
  • Redis中数据类型有哪些
    Redis中数据类型有哪些,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。  Redis不是一个简单的键值对存储,它实际上是一个...
    99+
    2022-10-18
  • SQLite中有哪些数据类型
    SQLite中有哪些数据类型,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。1.0 存储类型与数据类型存储在 SQLite 数据库中的每个值(或...
    99+
    2022-10-18
  • 详解JavaScript中原始数据类型Symbol的使用
    目录SymbolSymbol转换Symbol属性名属性名遍历Symbol.for()、Symbol.keyFor()Symbol内置值Symbol.hasInstanceSymbol...
    99+
    2023-02-22
    JavaScript原始数据类型Symbol JavaScript原始数据类型 JavaScript Symbol
  • C#的数据类型有哪些
    C#是一种由微软公司开发的面向对象的编程语言,广泛应用于Windows桌面应用程序、Web应用程序、游戏开发、移动应用程序等领域。C#提供了多种数据类型,以满足不同类型的开发需求。以下是一些常用的C#数据类型:1、值类型:值类型是一种简单类...
    99+
    2023-10-22
    C#数据类型
  • C++的数据类型有哪些
    这篇文章主要介绍C++的数据类型有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!数据类型C++规定在创建一个变量或者常量时,必须要指定相应的数据类型,否则无法给变量分配内存空间。01 整型:数据类型占用空间取值范...
    99+
    2023-06-25
  • redis的数据类型有哪些
    这篇文章给大家分享的是有关redis的数据类型有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、redis的5种数据类型: string 字符串(可以为整形、浮点型和字符串...
    99+
    2022-10-18
  • Mysql的数据类型有哪些
    这篇文章主要讲解了“Mysql的数据类型有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Mysql的数据类型有哪些”吧! Varchar 对每个英文(...
    99+
    2022-10-18
  • ECMAScript的数据类型有哪些
    这篇文章的内容主要围绕ECMAScript的数据类型有哪些进行讲述,文章内容清晰易懂,条理清晰,非常适合新手学习,值得大家去阅读。感兴趣的朋友可以跟随小编一起阅读吧。希望大家通过这篇文章有所收获!ECMAS...
    99+
    2022-10-19
  • php的数据类型有哪些
    php中的数据类型可以分为标量类型、复合类型和特殊类型三种一、标量类型字符串型php中字符串型可以保存任何字母和数字,也包括偶数,在使用双引号或单引号编写字符串时,其打印变量时将以不同的方式进行处理。整型php中整型是指整数,其中包括正数和...
    99+
    2022-10-10
  • java的数据类型有哪些
    java中的数据类型有:1.整数类型;2.浮点数类型;3.字符类型;4.布尔类型;java中的数据类型有以下几种整数类型java中整数类型是指是指整数,其中包括正数和负数,是没有小数部分或小数点的数字,可以是十进制、八进制或十六进制,jav...
    99+
    2022-10-06
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作