JavaScript系列之JS数据类型,6大基本数据类型


JavaScript系列之JS数据类型,6大基本数据类型


JavaScript系列之JS数据类型,6大基本数据类型

点击上方蓝字关注我,每周一、三、五早上 09:00准时推送,每月不定期赠送技术书籍。

后台回复“资源测试工具包领取测试资源,回复交流群”、“内推群一起进群打怪。

Hi,大家好,我是CoCo。上一篇JS系列文章:JavaScript系列之JS基本语法,了解JS语法,包括注释、执行顺序、常量/变量、标识符/关键词/保留字等。


每种编程语言都有其支持的数据类型,不同的数据类型用来存储不同的数据,比如文本、数值、图像等。


今天介绍JS基本数据类型,JavaScript中的数据有如下几种:

  • 基本类型:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、符号(Symbol)。
  • 引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function)。还有两个特殊的对象:正则(RegExp)和日期(Date)。
JavaScript系列之JS数据类型,6大基本数据类型



字符串(String)


1简介


字符串(String)是存储字符的变量,是由Unicode字符、数字、标点符号等组成的序列,字符串可以是引号中的任意文本,可以使用单引号''或双引号""。如 'CoCo'、"Cc2015123"。


2 用法


(1) 字符串基本表示

单引号或双引号表示:字符串型数据是包含在单引号或双引号中。




    
    JS基本数据类型-ITester软件测试小栈





输出结果如下所示:

JavaScript系列之JS数据类型,6大基本数据类型


(2) 基本表示字符串转义

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




    
    JS基本数据类型-ITester软件测试小栈





输出结果如下所示:

JavaScript系列之JS数据类型,6大基本数据类型


转义字符(\)也可用于在字符串中插入其他特殊字符。其他六个 JavaScript 中有效的转义序列:

代码

用途

\b

退格键

\f

换页

换行

\r

回车

水平制表符


(3) 字符串长度

内建属性 length 可返回字符串的长度。

     
     var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
     var sln = txt.length;
     console.log(sln)


输出结果如下所示:

JavaScript系列之JS数据类型,6大基本数据类型




数值(Number)


1简介


数值(Number)是最基本的数据类型,JavaScript和其他程序设计语言(如C和Java)的不同之处在于,它不区别整型数值和浮点型数值,统一使用 Number 类型表示。


2用法

(1) 数值基本表示

定义两个数字,并查看结果及类型,如下所示:

 
    var age=18   //整数
    var height=168.5   //浮点数
    alert("你今年"+age+"岁!");
    alert("身高"+height);
    
    console.log(typeof age);      //number
    console.log(typeof height);    //number


输出结果如下所示:

JavaScript系列之JS数据类型,6大基本数据类型


(2) 数值范围

Number 类型所能定义的数值并不是无限的,JavaScript 中的 Number 类型只能表示 -(253 - 1) 到 (253 -1) 之间的数值,可以用Number.MAX_VALUE查看最大值。

    
    console.log(Number.MAX_VALUE);    //1.7976931348623157e+30


(3) 数值的特殊值

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

  • Infinity:用来表示正无穷大的数值,一般指大于 1.7976931348623157e+308 的数;
  • -Infinity:用来表示负无穷大的数值,一般指小于 5e-324 的数;
  • NaN:即非数值(Not a Number 的缩写),用来表示无效或未定义的数学运算结构,例如 0 除以 0。
     
     a="coco" * "ITester"
     console.log(a);   //NaN
     console.log(typeof a);  //NaN是number类


布尔(Boolean)


1简介

布尔(Boolean)只有两个值:true (真)或 false(假),用来说明是真还是假,在条件判断时使用的比较多。



2用法

JavaScript在必要时会将true转换成1,将false转换成0。

     
    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
    
    console.log(typeof a);  //boolean



空值(Null)


1简介


空值(Null) 是一个特殊的值,表示为空值,用于定义空的或不存在的引用。如果试图引用一个没有定义的变量,则返回一个null值。


2用法


使用 typeof 操作符来查看 Null 的类型,会发现 Null 的类型为 Object,说明 Null 其实使用属于 Object(对象)的一个特殊值。因此通过将变量赋值为 Null 我们可以创建一个空的对象。

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


输出结果如下所示:

JavaScript系列之JS数据类型,6大基本数据类型

需要注意的是,null不等同于空的字符串(" ")或0。


未定义(Undefined)



1简介


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


2用法


对于未声明的变量,使用 typeof 操作符查看其类型会发现,未声明的变量是 undefined。

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


输出结果如下所示:

JavaScript系列之JS数据类型,6大基本数据类型

null与undefined的区别是:null表示一个变量被赋予了一个空值,而undefined则表示该变量尚未被赋值。


符号(Symbol)



1简介


Symbol是 ECMAScript6 中引入的一种新的数据类型,表示独一无二的值。


2用法

Symbol 类型的值需要使用 Symbol() 函数来生成。

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


输出结果如下所示:

JavaScript系列之JS数据类型,6大基本数据类型


以上就是今天的分享,如果大家想要获取今天以及后续的JS代码,可以在后台回复“JS代码”,持续更新JavaScript系列。

JavaScript系列之JS数据类型,6大基本数据类型




以上

That‘s all

更多系列文章

敬请期待




我是CoCo,计算机科学与技术专业,95后深漂大厂互联网民工(女),坐标深圳。5年工作经验,3年持续输出技术文。Boss直聘好文社区签约作者,腾讯云社区优质创作者。专注于软件测试技术和宝藏干货分享,每周准时更新原创技术文章,每月不定期赠送技术书籍,愿我们在更高处相逢。喜欢记得星标⭐我,每周及时获得最新推送,第三方转载请注明出处。

JavaScript系列之JS数据类型,6大基本数据类型


JavaScript系列之JS数据类型,6大基本数据类型

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章