数据类型

数据类型简介
在计算机中，不同的数据所需要的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。
变量的数据类型
JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。

JS的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的

JavaScript拥有动态类型，同时也意味着相同变量可用作不同的类型
```
var x=10;// x是数字型
x='djla';// x是字符串型
```

简单数据类型

简单数据类型	说明	默认值
Number	数字型包含整型值和浮点型	0
Boolean	布尔值类型	false
String	字符串型	""
Underfined	var a;声明了变量未赋值	underfined
Null	var a=null; 声明变量赋空值	null

数字型 Number

⑴ 数字型进制最常见的进制有二进制、八进制、十进制、十六进制

     八进制
       0~7 我们程序里面数字前面加0 表示八进制
   十六进制 0~9 a~f #ffffff 数字的前面加0x表示十六进制
       <!DOCTYPE html>
   <html>
       <head>
           <meta charset="utf-8">
           <title>进制表示</title>
           <script type="text/javascript">
               var num1=010;
               console.log(num1);
               var num2=012;
               console.log(num2);
               var num3=0xa;
               console.log(num3);
               var num4=0xf;
               console.log(num4);
           </script>
       </head>
       <body>
       </body>
   </html>

⑵ 数字型范围
JavaScript中数值的最大值和最小值

        alert(Number.MAX_VALUE);//1.7976931348623157e+308
        alert(Number.MIN_VALUE);//5e-324

⑶ 数字型的三个特殊值

Infinity：无穷大，大于任何数值

-Infinity：无穷小，小于任何数值

NaN，Not a number：代表一个非数值

⑷ isNaN()

用来判断非数字并返回一个值

如果是数字返回false

如果不是数字返回true

        console.log(isNaN(12));//false
        console.log(isNaN('pink'));//true

字符串型String

⑴ 字符串引号嵌套

JS可以使用单引号嵌套双引号，或者用双引号嵌套单引号

⑵ 字符串转义字符

转义符	解释说明
\n	换行符
\|斜杠\|
'	' 单引号
"	" 双引号
\t	tab 缩进
\b	空格

字符串转义字符 都是用\开头 但是这些转义字符要写在转义字符引号里
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>字符串转义字符</title>
		<script type="text/javascript">
			var str1='我是一个程序媛';
			var str2='我是一个\n序媛';
			var str3='我是一个\t程序媛';
			var str4='我是一个\b程序媛';
			var str5='我是一个\'程序媛';
			var str6='我是一个\"程序媛';
			var str7='我是一个\\程序媛';
			console.log(str1);
			console.log(str2);
			console.log(str3);
			console.log(str4);
			console.log(str5);
			console.log(str6);
			console.log(str7);
		</script>
	</head>
	<body>
	</body>
</html>

⑶ 字符串长度

通过字符串的length属性可以获取整个字符串的长度
var str='my name is andy';
console.log(str);// 15

⑷ 字符串的拼接

    字符串的拼接 +
    数值相加，字符相连
    变量和字符串相连 引引加加
    console.log('沙漠'+'骆驼');//沙漠骆驼
    console.log('12'+12);//1212
    console.log(12+12);//24

⑸ 例题

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>年龄案例</title>
            <script type="text/javascript">
            var age=prompt('请输入年龄：');
            var str='您今年已经'+age+'岁了';
            alert(str);
                
            </script>
        </head>
        <body>
        </body>
    </html>

布尔型 BOOlean

  布尔型有两个值：true和false
  布尔型与数值型相加时：true为1，false为0
  console.log(ture+1);// 2
  console.log(false+1);// 1

undefined和null

⑴ undefined和字符串相加结果拼接

undefined和数字相加为NaN

⑵ null 空值里面的值为空

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>undefined</title>
            <script type="text/javascript">
                var str;
                console.log(str);
                var variable=undefined;
                console.log(variable+'qw');//undefinedqw
                console.log(variable+1);//NaN
                var space=null;
                console.log(space+'qw');//nullqw
                console.log(space+1);//1
            </script>
        </head>
        <body>
        </body>
    </html>

typeof 检测变量的数据类型

        <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>typeof</title>
            <script type="text/javascript">
                var num=10;
                console.log(typeof num);//number
                var str='qwwe';
                console.log(typeof str);//string
                var flag=true;
                console.log(typeof flag);//boolean
            </script>
        </head>
        <body>
        </body>
    </html>

数据类型的转换

把一种数据类型转换为另一种数据类型

使用表单、promopt获取过来的数据默认为字符串类型，此时不能进行简单的加法运算，需要转换变量的数据类型

⑴ 转换为字符串

方式	说明	方法
toString()	转换成字符串	变量.toString()
String()强制转换	转换成字符串	String(变量)
+拼接字符串	和字符串拼接的结果都是字符串	隐式转换

⑵ 转换为数字型

方式	说明	方法
parseInt(string)函数	将string型转换为整数数值型	parseInt(变量)
parseFloat(string)函数	将string型转换为浮点数数值型	parseFloat(变量)
Number()强制转换函数	将string型转换为数值型	Number(str1)
js隐式转换(- * /)	利用算术运算隐式转换为数值型	'12'-0

        <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>数据类型转换</title>
            <script type="text/javascript">
                var num=1;
                var str=num.toString();
                console.log(typeof str);// String
                console.log(typeof String(num));
                console.log(num+'qw');
                var age=prompt('请输入你的年龄');
                console.log(parseInt(age));
                console.log(parseFloat(age));
                console.log(parseInt(3.12));// 3 取整
                console.log(parseInt(120px));// 120 去单位
                var str1='123';
                console.log(Number(str1));
                console.log('12'-0);
            </script>
        </head>
        <body>
        </body>
    </html>

        <!DOCTYPE html>
    <!-- 在页面中弹出一个输入框，输入年份后，能计算出我们的年龄 -->
    <html>
        <head>
            <meta charset="utf-8">
            <title>年龄计算</title>
            <script type="text/javascript">
                var broth=prompt('请输入你的年份：');
                var age=2020-broth;
                alert('你的今年'+age +'岁了');
            </script>
        </head>
        <body>
        </body>
    </html>

     <!DOCTYPE html>
     <!-- 计算两个数的值，弹出输入框输入一个值，确定。
     弹出第二个输入框输入第二个值，最后通过窗口显示出两次输入值相加的结果 -->
     <html>
         <head>
             <meta charset="utf-8">
             <title>件单价法器</title>
             <script type="text/javascript">
             var num1=prompt('请输入一个值');
             var num2=prompt('请输入第二个值');
             var sum=parseFloat(num1)+parseFloat(num2);
             alert('结果是：'+sum);
             </script>
         </head>
         <body>
         </body>
     </html>

⑶ 转换为布尔型

方式	说明	方法
Boolean()函数	将其他型转换为布尔型	Boolean(变量)

posted @ 2020-11-10 17:57 别来无恙！阅读(132) 评论(0) 收藏举报

刷新页面返回顶部

别来无恙！

数据类型

数据类型

公告