数据类型

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>

数据类型

1.js是一种动态类型以及弱类型的语言。

2.数据类型

3.number类型

4.进制表示法

5.科学计数法

6.Math.pow() 实现数学的次方运算

7. =全解

8.infinity

9. NaN : not a number 不是一个数字

10.parseInt 格式化一个字符串转化为整形。

11.parseFloat() 将字符串转化为浮点型或者将数字转化为浮点型。

12. NaN 不等于NaN的，同时NaN也不等于任何数。

13.isFinite 判断一个数字是否是有限的。

14. Boolean 布尔值

15.取反符号（！）

16.null

17.undefined

18.null 与 undefined的区别

19.字符串

20.转义字符（\）:作用就是改变后面字符原来的意思。

21. 字符串与数组

22.弹窗

猜你喜欢

热点阅读

数据类型

1.js是一种动态类型以及弱类型的语言。

2.数据类型

3.number类型

4.进制表示法

5.科学计数法

6.Math.pow() 实现数学的次方运算

7. =全解

8.infinity

9. NaN : not a number 不是一个数字

10.parseInt 格式化一个字符串转化为整形。

11.parseFloat() 将字符串转化为浮点型或者将数字转化为浮点型。

12. NaN 不等于NaN的，同时NaN也不等于任何数。

13.isFinite 判断一个数字是否是有限的。

14. Boolean 布尔值

15.取反符号 （！）

16.null

17.undefined

18.null 与 undefined的区别

19.字符串

20.转义字符（\）:作用就是改变后面字符原来的意思。

21. 字符串与数组

22.弹窗

猜你喜欢

热点阅读

15.取反符号（！）