博客列表 >javascript基础之数据类型详解

javascript基础之数据类型详解

P粉217724400
P粉217724400原创
2022年03月06日 19:22:57656浏览

这篇文章主要介绍了如何理解JavaScript中的数据类型,帮助大家更好的学习JavaScript,感兴趣的朋友可以了解下
目录
1.数据类型
1.1 为什么需要数据类型
1.2 变量的数据类型
1.3 数据类型分类

  1. 简单数据类型(基本数据类型)
    2.1 数字型Number
  2. 数字型进制
    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)

  1. 简单数据类型(基本数据类型)
    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转换为字符串
number() // 转换为数字型 number(‘10') // 10 number(‘abc') // NaN number(true) // 1 number(false) // 0 number(null) // 0 number(undefined) // NaNparseInt() // 转为数字,向下取整
//从被转换的数据中,从前往后获取整数,找到一个就不会再找了,只找整数开头的
代码:
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

总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!

您可能感兴趣的文章:``````

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议