js基本数据类型简述

257 阅读3分钟

基本数据类型介绍,可以说, js与数据类型息息相关

一.数据类型介绍

 1.为什么需要有数据类型?

  每一种编程语言都有自己的语法规则,在处理数据的时候,也会有自己的规则,不是任何数据都可以处理的。
  

 2.什么是数据类型?

    js编译器在解析代码的时候,会产生各 种不同的数据。 而不同的数据'运算'与'存储'方式都不同, 计算机需要对这些数据进行分类,称之为数据类型。

    console.log( '123' )//打印  黑色 123
    console.log( 123 )//打印 蓝色 123
    console.log( 'true' )//打印 黑色 true
    console.log( true )//打印 蓝色 true
    console.log( '前端' )//打印 前端
    console.log( 前端技术 )//程序报错 Uncaught ReferenceError: 前端技术 is not defined
    

二. 五种基本数据类型

    接下来详细介绍

  1. string类型 : 字符串 一切以单引号''双引号""  反引号``包起来的内容
  //作用 : 用于展示文本  
  console.log('程序员')
  console.log("大前端")
  console.log(`技术更新迭代`)
  console.log('我"爱"前端')//嵌套字符串

  //2. number类型 : 数值,一切数学中的数字。
  //作用 : 用于数学计算

  console.log(123) //整数,默认正整数
  console.log(-123) //负数
  console.log(9.9) //小数
  console.log(Infinity) //特殊数值,无穷大

  //3. boolean类型 : 布尔 只有两个值 :  true(真)  false(假)
  //作用 : 用于条件判断  true:条件成立  false:条件不成立

  console.log(true)
  console.log(false)

  //4. undefined : 未定义  只有一个值 undefined
  console.log( undefined )

  //5. null : 空值  只有一个值 null
  console.log( null )
    

字符串类型注意事项:

  1. 无论单引号或是双引号必须成对使用
  2. 单引号/双引号可以互相嵌套,但是不可以自已嵌套自已(口诀:外双内单,或者外单内双)
  3. 必要时可以使用转义符 \,输出单引号或双引号

image.png

未定义是比较特殊的类型,只有一个值 undefined

image.png

null 和 undefined 区别: undefined 表示没有赋值 ; null 表示赋值了,但是内容为空

三. typeof检测数据类型

(1) typeof 数据 (2) typeof (数据)

    //语法结果:得到一个字符串来告诉你这个数据是什么类型。 
    console.log( typeof 123 )//'number'
    console.log( typeof '123' )//'string'
    console.log( typeof true )//'boolean'
    console.log( typeof undefined )//'undefined'
    console.log( typeof null )//'object'
    ```        

拓展部分

    //typeof返回值
  • console.log(1,typeof(123)) //数字
  • console.log(2,typeof("字符串")) //字符串
  • console.log(3,typeof(false)) //布尔
  • console.log(4,typeof(null)) //null
  • console.log(5,typeof('null')) //字符串
  • console.log(6,typeof(undefined)) //undefined
  • console.log(7,typeof([1,'12','string'])) //数组对象
  • console.log(8,typeof([])) //数组对象
  • console.log(9,typeof({'id':123,'name':'张三'})) //对象
  • console.log(10,typeof({})) //空对象
  • console.log(11,typeof(function(){return 1})) //函数
  • console.log(12,typeof(new Date)) //日期对象
  • console.log(13,typeof(Array)) //数组构造函数
  • console.log(14,typeof(new Array)) //数组对象 ```

image.png

需要注意的地方:

1.typeof(null)返回 ‘object’ ;

2.typeof(Array)、typeof(Date)均返回 ‘function’ ,我感觉可能是返回的对应构造函数的类型

3.typeof(undefined)返回 ‘undefined’ ,undefined也是个类型,这个类型就这一个值

4.typeof的返回值是字符串类型,使用到此函数返回值时要注意。