JavaScript的数据类型
1. 数据类型的作用
在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。
变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript 是一种弱类型或者说动态语言。弱类型语言就是在声明变量时不用指定数据类型,在程序运行过程中通过赋值来确定变量的数据类型。动态语言就说明变量的数据类型是可以变化的。
var age = 10; // 这是一个数字型
var x = 8; // x 为数字
var x = "afgk"; // x 为字符串
2. 数据类型的分类
JS 把数据类型分为两类:
简单数据类型 :(Number,String,Boolean,Undefined,Null)
复杂数据类型(引用数据类型):(object)
2.1 简单数据类型
(1) 数字型 Number
JavaScript 数字类型既可以用来保存整数值,也可以保存小数(浮点数)。
var age = 65; // 整数
var x = 5143.15; // 小数
A. 数字型进制转换
最常见的进制有二进制、八进制、十进制、十六进制
在JS中八进制前面加0,十六进制前面加 0x
-
八进制数字序列范围:0~7
var num1 = 010; // 对应十进制的8,但js会强制转换为十进制
-
十六进制数字序列范围:0-9以及A~F
var num2 = 0x0010; // 对应十进制的16,但js会强制转换为十进制
B. 数字型范围
JavaScript中数值的最大和最小值
alert(Number.MAX_VALUE); // 1.7976931348623157e+308
alert(Number.MIN_VALUE); // 5e-324
-
最大值:Number.MAX_VALUE,这个值为: 1.7976931348623157e+308
-
最小值:Number.MIN_VALUE,这个值为:5e-32
C. 数字型三个特殊值
alert(Infinity); // Infinity
alert(-Infinity); // -Infinity
alert(NaN); // NaN
-
Infinity ,代表无穷大,大于任何数值
-
-Infinity ,代表无穷小,小于任何数值
-
NaN ,Not a number,代表一个非数值
D. isNaN()
用来判断一个变量是否为非数字的类型,返回 true 或者 false
var num = 11;
var str = 'aa';
console.log(isNaN(num));// false ,11不是一个非数字
console.log(isNaN(str)); // true ,"aa"是一个非数字
(2) 字符串型 String
字符串型可以是引号中的任意文本,其语法为 双引号 “” 和 单引号’’
var str1 = "STA"; // 使用双引号表示字符串
var str2 = '嗷嗷ART'; // 使用单引号表示字符串
// 常见错误
var str3 = 我最帅; // 报错,没使用引号
A. 字符串引号嵌套
JS 可以用单引号嵌套双引号 ,或者用双引号嵌套单引号 (外双内单,外单内双)
var str1 = '我是"大"帅哥'; // 可以用''包含""
var str2 = "我是'大帅'哥"; // 也可以用"" 包含''
// 常见错误
var str3 = 'hhh"; // 报错,不能 单双引号搭
B. 字符串转义符
类似HTML里面的特殊字符,字符串中也有特殊字符,我们称之为转义符。
转义符都是 \ 开头的,常用的转义符及其说明如下:
转义符 | 解释说明 |
---|---|
\n | 换行符,n 是 newline 的意思 |
\ \ | 斜杠 \ |
’ | ’ 单引号 |
\t | tab 缩进 |
\" | ” 双引号 |
\b | 空格 ,b 是 blank 的意思 |
C. 字符串长度
字符串是由若干字符组成的,这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符
串的长度。
var str= "I am so long";
alert(str.length); // 显示 12,空格也计算长度
D. 字符串拼接
- 多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串
- 拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串
// 字符串 "相加"
alert('hello' + ' ' + 'world'); // hello world
//数值字符串 "相加" ,实际上也是字符串相加
alert('100' + '100'); // 100100
//注意:数值字符串 + 数值 = 字符串
alert('11' + 12); //输出1112
E. 字符串和变量拼接
我们经常会将字符串和变量来拼接,因为变量可以很方便地修改里面的值。
var money = 1000000;
console.log('我有' + money + '啦';
// 输出:我有1000000啦
如果变量两侧都有字符串拼接,口诀“引引加加 ”,删掉数字,变量写加中间。注意变量不能加引号,否则会变成字符串。
(3) 布尔型 Boolea
布尔类型有两个值:true 和 false ,其中 true 表示真(对),而 false 表示假(错)。
布尔型和数字型相加的时候, true 的值为 1 ,false 的值为0。
console.log(true + 1); // 输出值为:2
console.log(false + 1); // 输出值为:1
(4) 未定义型 Undefined
一个声明后没有被赋值的变量会有一个默认值 undefined
var key;
console.log(key); // undefined
console.log('我是' + key); // 你好undefined
console.log(1 + key); // NaN
console.log(true + key); // NaN
(5) 空型 null
一个声明变量给 null 值,里面存的值为空
var pen = null;
console.log('我是' + pen); // 我是null
console.log(11 + pen); // 11
console.log(true + pen); // 1
2.2 复杂数据类型
引用数据类型(复杂数据类型):包括Object,Array ,Date, function
2.3 获取变量数据类型
typeof 可用来获取检测变量的数据类型。
var num = 18;
var str = 'long';
console.log(typeof num) // 结果 number
console.log(typeof str) // 结果 string
console.log(typeof null) // 结果 object
console.log(typeof undefined) // 结果 undefined
console.log(typeof NaN==undefined) // 结果 boolean(false)
字面量
字面量是在源代码中一个固定值的表示法,通俗来说,就是字面量表示如何表达这个值。
- 数字字面量:1, 2, 3
- 字符串字面量:‘我最帅’, “前端”
- 布尔字面量:true,false