数据类型:便于把数据分成所需内存大小不同的数据,充分利用存储空间。
JavaScript是一种弱型或者动态语言,不需要提前声明变量的类型,在运行过程中类型会被自动确定。在代码运行过程中,变量的数据类型是由JS引擎根据=右边值的数据类型判断的,运行完毕后变量就确定了数据类型。JavaS拥有动态类型,同时也意味着相同的变量可以拥有不同的类型。
可分为简单数据类型和复杂数据类型。
一、简单数据类型:
1、Number型:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//Number型
//1.八进制 0~7 数字前面加0表示八进制。
var num1=010;
console.log(num1);
//2.十六进制 0~9 a~f #fffff 数字前面加 0x表示16进制。
var num2=0x9;
console.log(num2);
//数组型的最值
console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);
//无穷
console.log(Number.MAX_VALUE*2);//Infinity 无穷大
console.log(-Number.MAX_VALUE*2);//-Infinity 无穷小
//非数字
console.log('pink'-12);//NaN 非数字
//判断是否是非数字 是数字返回false 不是数字返回true
console.log(isNaN(12));
console.log(isNaN('mun'));
</script>
</body>
</html>
2.String型
String型:引号内的任意文本,JS推荐使用单引号。
对于字符串中引号的嵌套,引号配对采用就近原则。因此采用双引号嵌套单引号或者单引号嵌套双引号的形式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//引号嵌套
var num1='我是"红领巾"';
var num2="我是'红领巾'";
console.log(num1);
console.log(num2);
//转义字符 写在引号里面 \开头
var num3="我爱高数'我爱\n高数'我爱高数";//换行符 n是nweline
var num4="我爱高数'我爱\\高数'我爱高数";//斜杠\
var num5="我爱高数'我爱\'高数'我爱高数";//'单引号
var num6="我爱高数'我爱\"高数'我爱高数";//“双引号
var num7="我爱高数'我爱\t高数'我爱高数";//tab缩进
var num8="我爱高数'我爱\b高数'我爱高数";//空格
console.log(num3);
console.log(num4);
console.log(num5);
console.log(num6);
console.log(num7);
console.log(num8);
</script>
</body>
</html>
字符串拼接:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
//1.检测获取字符串长度
var len='my name is xiaomming';
console.log(len.length);
//2.字符串拼接 字符串+任何类型=新字符串
var age=18;
var str='love';
console.log(age+str);
console.log(12+'12');//“+”数字相加,字符相连
var cost =230;
console.log('每天花费'+cost+'元');
</script>
</head>
<body>
</body>
</html>
3.Boolen+undefined+Null
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/*-----------------boolen----------------- */
var num1 = false,nun2=true;
console.log(num1+3);//boolen参与数值运算。
/*------------------undefined---------------*/
var num2;
console.log(num2);//变量为赋值为undefined类型
var num3 = undefined;
console.log(num3+'ping');//结果为underfinedping
console.log(num3+4);//结果为NaN
/* -------------------null-------------------*/
var num4 = null;
console.log(num4+'ping');//nullping
console.log(num4+2);//2
</script>
</head>
<body>
</body>
</html>