javascript 数据类型详解
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
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注编程宝库的更多内容！
初次在react项目中使用element框架，碰到了一些很简单的问题，但是卡了很久才解决，写篇博客记录一下。 1、安装：在项目目录下下载：npm i element-react --sa ...