数据类型
2018-09-19 本文已影响0人
致自己_cb38
1.js是一种动态类型以及弱类型的语言。
- 就是指变量的数据类型可以在程序的执行过程中发生变化。
- 变量在申明的时候不需要指定数据类型。
- 变量的类型是根据保存的数据决定的。
2.数据类型
- 基本数据类型
- 数字型
- 字符串型
- 布尔型: true false
- 复合数据类型
- 对象类型
- 特殊数据类型
- null: null
- undefined: undefined
- 为什么要分这么多的数据类型?
为了优化内存
3.number类型
- 数字型分为两种,一种叫做整数型,一种叫做浮点型(小数)。
- 其他语言来说,严格区分整数型与浮点型的,JS不一样,JS里面严格意义来说没有整数型,整数是使用浮点型保存的。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var a = 1;
var b = 1.0;
console.log(a===b);//判断值以及数据类型是否一样
//用于证明JS里面整数与浮点型的区别
//true 证明在JS里面整数是使用浮点数类型保存的。
</script>
</body>
</html>
- 浮点数本身具有不精确性,所以使用浮点数的计算要小心。
- 64位
- 第1位: 符号位 0整数 1负数
- 从第2位到第12位:指数位
- 从第13到64位: 精度位
- JS里面能够准确的表示15位的整数。
4.进制表示法
- 类型前缀
- 0b前缀表示二进制 0b010100101
- 0o前缀表示8进制 0o21253216
- 0x前缀表示16进制 0xff212
- 0前缀表示10进制,磨人的是10进制
eg:
(1)266 变为其他进制的数:
2 4 8 16 32 64 128 256 512 1024
ob1 0000 1010
266-256 = 10
10-8 =2
减去比给出的数字小的2的倍数(最接近给出的值),直到值是2的倍数停止,被减数及值是2的倍数的二进制赋值为1,未被减的数赋值为0
(2)768:
1 2 4 8 16 32 64 128 256 512 1024
768-512=265
0 0 0 0 0 0 0 0 1 1
0b01100000000
(3) ob1 01 10 1011 转10进制( - 64 32 8 2 1 -107 )
5.科学计数法
eg:
1345678345678.3456789087654
1.3456783456783456789087654 * 10^12
0.00000000000121256
1.21256*10^-12
123e3 = 123 * 10^3
JS里面的规则是当小数点后面的数字超过21位的时候会自动转换为科学计数法。当小数点后面的0大于5个的时候也会自动转化为科学计数法。
6.Math.pow() 实现数学的次方运算
- 第一个参数是基数,第二个参数是次方。
例如: Math.pow(2,4) = 16;
Math.random(); 随机数 - JS可以通过两个常量获取出来JS数字的最大值与最小值。
常量:就是不会发生变化的量
Number.MAX_VALUE
Number.MIN_VALUE
7. =全解
- = : 赋值号
- == : 判断符号,返回的是一个布尔值,判断两边数据的值是否相等。
- ===: 全等判断,返回的也是一个布尔值,但是判断的是两边数据的值以及数据的类型是否一致。
8.infinity
- infinity 无穷大
- -infinity 无穷小
eg:
console.log(12/0); infinity
console.log(12/0); -infinity
分母越小,值越大- 无穷大等于无穷大。
- 无穷大计算的时候也遵循无穷原则。
Infinity-Infinity:NaN
9. NaN : not a number 不是一个数字
- NaN是数字类型。typeof NaN : number
- NaN 不等于 NaN 。
- 什么时候会产生NaN?
基本上就是数学计算出错的时候。
所以看到NaN就要检查自己的代码。
10.parseInt 格式化一个字符串转化为整形。
- 从左向右依次转化,直到遇到不是数字的字符停止,包括小数点。
- 如果转化的是一个纯字符串或者第一位不是数字,那么返回的结果是NaN。也可以将小数转化为整数,没有四舍五入,小数部分直接舍弃。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
console.log(parseInt('123')); //123
console.log(parseInt('123.457')); //123
console.log(parseInt('112bdsdkad')); //112
console.log(parseInt('sadhdska')); //0 null
console.log(parseInt('sadh152352671dska')); //NaN
console.log(parseInt('1dahs7489')); //1
console.log(parseInt('.1768')); //NaN
</script>
</body>
</html>
- 第一个参数是字符串或者数字,就是要被转化的量。第二个参数是进制数(2,4,8,16,32)。不能大于32。表示前面的数字或者量是按照这个进制表示的。
eg:
parseInt('0101001001',2);表示前面的数字是2进制数。
11.parseFloat() 将字符串转化为浮点型或者将数字转化为浮点型。
如果要转化的数字是一个整数,并且没有传递第二个参数,那么结果还是这个整数。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
console.log(parseFloat(12)); //12
console.log(parseFloat('12gwsag')); //12
console.log(parseFloat('12.451624')); //12.451624
console.log(parseFloat('12.451624gasyugdyu')); //12.451624
console.log(parseFloat(12,2)); //12
console.log(parseFloat('12.451624gasyugdyu',2)); //12.451624
var a = NaN;
if(isNaN(a)){
console.log('is NaN');
}else{
console.log('is not NaN');
} //isNaN
</script>
</body>
</html>
12. NaN 不等于NaN的,同时NaN也不等于任何数。
eg:
if(a){
console.log('is NaN');
}else{
console.log('is not NaN');
}
isNaN : 判断某一个量是不是NaN,如果是返回true,不是返回false。
13.isFinite 判断一个数字是否是有限的。
- 如果是准确的数字,那么返回true。
- 如果是NaN,或者Infinity或者-Infinity返回的false。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var a = -12;
if(isFinite(a)){
console.log('is finite');
}else{
console.log('is not finite');
} //is finite
</script>
</body>
</html>
14. Boolean 布尔值
- 里面只有两个值,一个是true 真,一个false,假。
+也可以理解成数学里面的 0 和1 的关系。
+他描述的关系否是非此即彼的关系。
+常用与判断,返回的都是布尔值。
15.取反符号 (!)
- 改变布尔值的真假,取相反的意思。
-
如果使用了!那么返回的值一定是一个布尔值。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var a = true;
console.log(!a); //false
console.log(!1); //false
</script>
</body>
</html>
16.null
- null 数据类型只有一个值,就是null。
- null数据的产生都是直接赋值为null。
17.undefined
- undefined数据类型也是由一个值,就是undefined。
- undefined的产生分为四种情况。
- 一个申明了未赋值的变量就是undefined
- 函数的参数没有传递的时候,函数的内部使用的时候就是undefined。
- 函数没有返回值,但是调用函数返回结果的时候,这个结果是undefined
eg:
function add(a,b){
console.log(a+b);
}
console.log(add(1,3));
- 对象的某一个属性没有赋值。
eg:
var zhangsan = {};
zhangsan.name = 'mimi';
zhangsan.age = 22;
console.log(zhangsan.name);
console.log(zhangsan.age);
console.log(zhangsan.sex); //undefined
18.null 与 undefined的区别
- 大部分情况下,null与undefined是一个意思,只有在转化为数字的时候不一样。
eg:
console.log(Number(null)); //0
console.log(Number(undefined)); //NaN
- 语义上理解,null表示空,没有东西,undefined表示未定义。
19.字符串
- 定义: 定义一个字符串,必须要使用引号,单引号与双引号都可以。但是引号不能嵌套同一种引号。
- 引号不能包含同一个类型的引号,但是可以包含不同类型的引号。但是可以使用转义字符实现同类包含。
注意:字符串定义的时候只能在一行定义,不能敲换行符号。但是可以使用转义字符后面直接加回车,不能加空白字符换行。换行之后的字符串也要顶格写。
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var sd = 'hhahah nishig \' shagua';
console.log(sd);
var sf = 'abc 356 sdhua\
0887';
</script>
</body>
</html>
20.转义字符(\):作用就是改变后面字符原来的意思。
var sd = 'hhahah nishig ' shagua';
21. 字符串与数组
- length的属性:知道数组内部具有多少个元素。
eg:
var al = [1,2,3,5,6,7,8,99]; 8
al.length = 8;
al[7] => 99
al[length-1] - 字符串和数组一样也具有一个length的属性,这个属性表示的是字符串的长度。包括空白字符。
+字符串也可以通过下标的方式获取出某一个位置的字符。
+遍历字符串:for循环
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var str = 'hasu idns ahdjk';
// console.log(str.length);
// console.log(str[15]);
//循环
// while for
for(var i=0;i<str.length;i++){
console.log(str[i]);
}
</script>
</body>
</html>
- 计算输入的n个数字每一位数字加起来的和。
例如: 123 = 1+2+3 = 6;
126789 = 1+2+6+7+8+9 = 33;
22.弹窗
-
alert() 提示框 属于BOM
系统函数以及用户直接定义的函数都是属于window对象的。
而window对象是属于BOM的顶层对象。document是DOM的顶层对象。 -
confirm:确认弹窗,当点击确定的时候返回的结果是true,点击取消的时候返回的是false。直接关闭也是false。
confirm一般用于判断里面,确认之后的操作是否执行。 -
prompt() 获取用户的输入。
返回的是用户输入的内容,但是这个内容时字符串类型的。
eg:
练习: 计算用户确认开始计算之后,用户输入的两个数字的和。
提示:用户确认开始计算: confirm
用户输入的数字: prompt
eg:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
window.onload = function(){
var bool = confirm('请是否开始计算');
//错误处理思维:在程序中只处理错误。
if(bool != true){
alert('不算拉倒');
return false; //停止运算
}
var a = parseInt(prompt('请输入第一个数字'));
//a是个字符串 isNaN 是判断是不是NaN
while(isNaN(a)){
a = parseInt(prompt('请再次输入第一个数字'));
}
var b = parseInt(prompt('请输入第二个数字'));
while(isNaN(b)){
b = parseInt(prompt('请再次输入第二个数字'));
}
//prompt获取到的一定是一个字符串
alert(a+'+'+b+'结果是:'+(a+b));
};
</script>
</body>
</html>
`