JS-第三章 数据类型

数据类型

---

---

前言

在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据。充分利用存储空间，于是定义了不同的数据类型。
简单来说，数据类型就是数据的类别型号。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、简单数据类型

1.1基本数据类型

• Number 数字型，包含整数型和浮点型值，如21、0.21
• Boolean 布尔型 如 true、false,等价于1和0
• String 字符串类型，如“张三” 注意在js里面， 字符串都带引号 ‘’‘’
• Underfined var a=null; 声明了变量a但是没有给值，此时 a= underfined
• Null var a = null; 声明了a为空值

1.2数字型Number

1.2.1数字型进制

最常见的有二进制、八进制、十进制、十六进制

 //  1.八进制数字范围(0-7)
     var num1 = 07; //对应十进制的7
     var num2 = 019; //对应十进制的19
  // 2.十六进制的数字序列范围： 0-9以及A-F
      var num = 0xA;

在JS中八进制前面加0，十六进制前面加0x

1.2.2数字型三个特殊值

alert(Infinity) ; //Infinity
alert(-Infinity) ; //-Infinity
alert (NaN);  // NaN

• Infinity, 代表无穷大，大于任何数值
• -Infinity,代表无穷小，小于任何数值
• NaN, Not a number, 代表一个非数值

1.2.3 isNaN()

用来判断一个变量是否为非数字类型，非数字类型返回true否则false

console.log(isNaN(12));  // 返回值false
console.log(isNaN('夕颜'));  // 返回值true

---

1.3.字符串型String

1.3.1 字符串引号

字符串型可以是引号中的任意文本，其语法为双引号，和单引号

var strMsg = ‘‘我爱北京天安门~’’； //使用双引号来表示
var strMsg = ‘我爱北京天安门~’； //使用单引号来表示

// 常见错误
var strMsg = 我爱北京天安门~； //报错，没有使用引号来表示
❤ 这里推荐使用单引号

1.3.2 字符串引号嵌套

JS可以用单引号嵌套双引号 或者用双引号嵌套单引号（外双内单，外单内双）

var strMsg = '我是''高富帅''程序员'; //可以用'  '  包含'' ''
var strMsg = ''我是'高富帅'程序员'';  //可以用'' '' 包含 ' '

1.3.3 字符串转义符

\n 换行符
\ 斜杆
\t tab缩进
\b 空格
字符串转义字符 都是用 \ 开头 但是这些转义字符写道引号里面

var str = "我是一个'高富帅'的\n程序员"；

1.3.4 字符串长度

字符串是由若干字符组成的，这些字符的数量就是字符串的长度，通过字符串的length属性可以获取字符串的长度

var strMsg = "我是帅气多金的程序员！"；
alert(strMsg.length); // 显示 11

1.3.5 字符串的拼接

• 多个字符之间可以用 + 进行连接，其连接方式为字符串+任何类型=拼接之后的新字符串
• 拼接前会把字符串相加的任何类型转换成字符串，再拼接成一个新的字符串
  // 1.1 字符串 “相加”

 alert ('hello' +  ' ' +'world');  // hello world
 //1.2 数值字符串 "相加"
 alert('100' + '100'); //100100
 // 1.3 数值字符串 + 数值
 alert('11' + 12);  //1112

1.3.6 字符串拼接加强

console.log(‘我今年’ + 18); //只要有字符就能相连
var age = 18;
// console.log(‘我今年age岁啦’)； //这样不行
console.log(‘我今年’ + age)； //我今年18
console.log(‘我今年’ + age + ‘岁啦’)； //我今年18岁啦

• 变量不能添加引号，因为加引号的变量会变成字符串

案例代码

//弹出一个对话框(prompt),让用户输入年龄 （用户输入）
//把用户输入的值用变量保存起来，把刚才输入的年龄与索要输出的字符串拼接起来 (程序内部处理)
//使用 alert 语句提出警示框（输出结果）
 var age = prompt('请输入您的年龄')；
 var str='您今年已经' + age + '岁了'
 alert(str);

1.3.7 布尔型Boolean

布尔类型有两个值： true和false,其中true为真(对)，而false为假(错)。
布尔型与数值型相加的时候，true的值为1，false的值为0。

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

二、获取数据类型

2.1获取检测变量的数据类型

typeof可用来检测数据变量的数据类型

var num = 18;
console.log(typeof num); //结果number  t ypeof后面加一个空格
var str= 'code夕颜';
console.log(typeof str);  //string

三、数据类型转换

就是把一种数据类型的变量转换成另外一种数据类型

• 转换成字符型
• 转换为数字型
• 转换成布尔型

3.1转换成字符型

toString() 转换成字符串 var num = 1; alert(num.toString());
String() 转换成字符串 var num = 1; alert(String(num));
加号拼接字符串 var num = 1; alert(num + “我是字符串”) // 隐式转换。

3.2转换成数字型

parselnt(string) 将字符串转换成整数值型 parselnt (‘78’)
parseFloat(string) 将字符串转换成浮点数数值型 parseFloat(‘78.21’)
js隐式转换（- * /）利用算术运算隐式转换成为数值型 ‘12’-0

3.3转换成布尔型

Boolean(函数) Boolean(‘true’);

• 代表空、否定的值会被转换成为false,如 " 、 0、NaN、null、undefined
• 其余值都转换成true

console.log(Boolean(''));  // false
console.log(Boolean(0));  // false
console.log(Boolean(undefined));  // false
console.log(Boolean(12));  // true
console.log(Boolean('夕颜'));  // true

---

总结

数据类型总结完毕