欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript基础之数据类型详解

程序员文章站 2022-04-21 09:56:34
目录1.数据类型1.1 为什么需要数据类型1.2 变量的数据类型1.3 数据类型分类2. 简单数据类型(基本数据类型)2.1 数字型number1. 数字型进制2.数字型范围2.2 字符串型 stri...

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

总结

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