javascript基础之数据类型详解

2022-04-15 0 1,026
目录
  • 1.数据类型
    • 1.1为什么需要数据类型
    • 1.2变量的数据类型
    • 1.3数据类型分类
  • 2.简单数据类型(基本数据类型)
    • 2.1数字型Number
      • 1.数字型进制
      • 2.数字型范围
    • 2.2字符串型String
      • 1.字符串转义符
      • 2.字符串长度
    • 2.3布尔型Boolean
    • 3.数据类型转换
      • 3.1转换为字符串
        • 3.2转换为数字型
          • 隐式转换
            • 3.3转换为布尔型
            • 总结

              1.数据类型

              1.1 为什么需要数据类型

              在计算机,不同的数据所占的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。

              1.2 变量的数据类型

              JavaScript是一种弱类型或者说动态语言,这意味着不用提前声明变量的数据类型,在程序运行的过程中,类型会被自动确定。(js的变量类型是只有在程序在运行过程中,根据等号右边的值的数据类型来确定的)

              var age = 10; //这是一个数字型
              var myName = 'lili'; //这是一个字符串类型数据

              1.3 数据类型分类

              JS把数据类型分为两类:

              简单数据类型(Number,String,Boolean,Undefined,Null)复杂数据类型(object)

              2. 简单数据类型(基本数据类型)

              JavaScript中的简单数据类型及其说明如下:

              简单数据类型 说明 默认值
              Number 数字型,包含数值型和浮点型,如 20, 0.12 0
              Boolean 布尔型,如true、false等价于1和0 false
              String 字符串类型,字符串带引号 ” “
              Undefined var a;声明了变量a但是没有给值,此时a=undefined undefined
              Null var a = null;声明了变量为空值 null

              2.1 数字型Number

              1. 数字型进制

              常见进制二进制、八进制、十进制、十六进制

              八进制数字序列范围:0~7 以0开头

              十六进制数字序列范围:0~9及A~F 以0x开头

              2.数字型范围

              JavaScript中数值的最大和最小值

              alert(Number.MAX_VALUE); //1.7976931348623157e+308
              alert(Number.MIN_VALUE); //5e-324 
              • infinity,代表无穷大,大于任何数据
              • -infinity,代表无穷小,小于任何数据
              • NaN,Not a number,代表一个非数值

              isNaN() 这个方法用来判断非数字,并且返回一个值,如果是数字,则返回是false,如果不是数字,则返回true。

              2.2 字符串型 String

              1.字符串转义符

              转义符都是以 \ 开头的,常用的转义符及其说明如下:

              转义符解释说明\n

              换行符 newline的意思

              转义符 解释说明
              \n

              换行符 newline的意思

              \\ 斜杠\
              \’ ‘ 单引号
              \” ” 双引号
              \t tab 缩进
              \b 空格,b是blank

              2.字符串长度

              通过字符串的 length 属性可以获取整个字符串的长度

              var myname = 'my name is andy';
              console.log(myname.length);

              2.3 布尔型 Boolean

              布尔值有两个值:true和false,其中true表示真,而false表示假

              布尔值和数字型相加时,true的值为1,false的值为0.

              console.log(true + 1);  //2
              console.log(false + 1); //1

              3.数据类型转换

              3.1转换为字符串

              方式 说明 案例
              toString() 转成字符串

              var num = 1;

              alert(num.toString());

              String()强制转换 转成字符串

              var num = 1;

              alert(String(num));

              加号拼接字符串 和字符串拼接的结果都是字符串

              var num = 1;

              alert(num+”我是字符串”);

              3.2 转换为数字型

              方式 说明 案例
              parseInt(string)函数 将string类型转换为整数数值型 parseInt(’18’)
              parseFloat(string)函数 将string类型转换为浮点数数值型 parseFloat(‘18.88’)
              Number()强制转换函数 将string类型转换为数值型 Number(’18’)
              js隐式转换(- * /) 利用算数隐式转换为数值型 ’14’-0
              number() // 转换为数字型
              number(‘10') // 10
              number(‘abc') // NaN
              number(true) // 1
              number(false) // 0
              number(null) // 0
              number(undefined) // NaN
              parseInt() // 转为数字,向下取整
               //从被转换的数据中,从前往后获取整数,找到一个就不会再找了,只找整数开头的
               代码:
              parseInt(‘12.345') // 12
              parseInt(‘12abc') // 12
              parseInt(‘abc12') // NaN
              parseInt(true) // NaN
              parseInt(false) // NaN
              parseInt(undefined) // NaN
              parseInt(null) // NaN
              注:这些字符必须带有数字且数字开头,不然全是NaN
              parseFloat() // 转为数字,整数,小数
               代码:
              parseFloat(‘12.345') // 12.345
              parseFloat(‘12.345abc') // 12.345
              parseFloat(‘abc12.345') // NaN
              parseFloate(true) // NaN
              parseFloat(false) // NaN
              parseFloat(undefined) // NaN
              parseFloat(null) // NaN
              注:这些字符必须带有数字且数字开头,不然全是NaN

              隐式转换

              1.当 + 左右两边有一个是字符串的时候,另一个也会悄悄转成字符串,进行拼接

              2.数学运算符号会将左右两边都转成数字进行算数运算 – 当左右两边有一个是字符串的时候,+号就会拼接,当左右两边没有一个字符串,+也可以将左右两边转成数字

              3.当比较运算符左右两边有一个是数字的话,另一个也会悄悄转成数字进行大小比较

              3.3 转换为布尔型

              代表空、否定的值会被转换为false,如”、0、NaN、null、undefined其余的值被转换为true字符串转布尔类型,空字符串是false,其他都是true

              总结

              本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注NICE源码的更多内容!

              免责声明:
              1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

              2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
              如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
              如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

              NICE源码网 JavaScript javascript基础之数据类型详解 https://www.niceym.com/19566.html