数据类型-黑马程序员-前端零基础

目录

1.数据类型

1.1 变量的数据类型

 1.2数字型num

1.3字符串型str

1.3.1字符串转义符

1.3.2字符串长度和拼接

1.4布尔型flag

2.获取变量数据类型

2.1typeof检测变量数据类型

3.数据类型转换

3.1转换为字符串

3.2转换为数字型

3.3转换为布尔型

4.标识符，关键字，保留字

4.1标识（zhi）符

4.2保留字

---

1.数据类型

1.1 变量的数据类型

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

简单数据类型	说明	默认值
Number	数字型，包含整数型和浮点型	0
Boolean	布尔值类型，如true false 等价于1和0	false
String	字符串类型，如'张三’   要记得写引号	‘ ’
Undefined	var a； 声明了变量a但是没有给值，此时a=undefined	undefined
Null	var a=null; 声明了变量a为空值	null

 1.2数字型num

<script>
    // 1.八进制0~7 我们程序里面数字前面加0 表示八进制
    var num1=010;
    console.log(num1); //010 八进制转化为十进制就是8
    //2.十六进制 0~9 a~f  #ffffff  数字的前面加0x 表示十六进制
    var num2=0x9;
    console.log(num2);
    //3.数字型的最大值
    console.log(Number.MAX_VALUE);
    //3.数字型的最小值
    console.log(Number.MIN_VALUE);
    //无穷大
    console.log(Number.MAX_VALUE*2);
    //无穷小
    console.log(-Number.MAX_VALUE*2);
    //isNaN（）判断非数字  并且返回一个值 如果是数字返回的是false
    console.log(isNaN(112));
</script>

1.3字符串型str

字符串型可以去引号中的任意文本（最好是单引号）

嵌套

外双内单/外单内双

1.3.1字符串转义符

转义符	解释说明
\n	换行符，n是newline的意思
\\	斜杠\
\'	'单引号
\"	"双引号
\t	tab缩进
\b	空格，b是blank的意思

1.3.2字符串长度和拼接

<script>
    // 1.检测获取字符串的长度 length 
    var str = 'my name is andy';
    console.log(str.length);  //15 空格也算在其中
    // 2.字符串的拼接用+   只要有字符串和其他类型相拼接,最终的结果都是字符串类型
    // 数值相加，字符相连
    console.log('维尼'+'小熊');  //维尼小熊
    console.log('pink'+18+'岁');  //'pink18岁'
    console.log(12+12);  //24
    console.log('12'+12);  //'1212'
    //我们变量不要写到字符串里面，是通过和字符串相连的方式来实现的
    var age=19;
    console.log('pink老师'+age+'岁');
</script>

引引加加

1.4布尔型flag

<script>
    var flag=true;  //flag布尔型
    var flag1=false;
    console.log(flag+1);//2  true参与加法运算当1来看
    console.log(flag1+1);//1  false参与加法运算当0来看
    //如果一个变量声明未赋值  就是undefined未定义数据类型
    var str;
    console.log(str);
    var variable=undefined;
    console.log(variable+'pink'); //undefinedpink
    console.log(variable+1);  //NaN  undefined 和数字相加 最后的结果是 NaN（非数字）
    //null空值
    var space=null;
    console.log(space+'pink');  //nullpink
    console.log(space+1);  //1
</script>

2.获取变量数据类型

2.1typeof检测变量数据类型

prompt取过来的值是 字符型的

<script>
    var num=10;
    console.log(typeof num);//number
</script>

3.数据类型转换

3.1转换为字符串

只需要记第三个就可以啦

<script>
    var num=10;
    //1.变量.toString()
    console.log(num.toString());
    //2.String(变量)
    console.log(String(num));
    //3.利用+ 拼接字符串的方法实现转换效果 隐式转换
    console.log(num+'');
</script>

3.2转换为数字型

第一个和第二个重要

 <script>
     var age=prompt('请输入您的年龄');
     //1.parseInt(变量)  可以把字符型的转换为数字型 得到的是整数
     console.log(parseInt(age));
     console.log(parseInt('3.94'));// 3 取整
     console.log(parseInt('120px')); //120 会去掉这个px单位，但不能开头就是字母如rem120，结果为NaN
     //2.parseFloat(变量) 得到的是小数 浮点数
     console.log(parseFloat('3.14'));  //3.14
     //3.Number(变量)
     console.log(Number('12'));
     //4.利用算数运算-*/  隐式转换
     console.log('123'-'120');
 </script>

3.3转换为布尔型

Boolean（）函数

其他类型转换成布尔值

Boolean（'true')

代表空，否定的值会被转换为false，如''、0、NaN、null、undefined

4.标识符，关键字，保留字

4.1标识（zhi）符

是指开发人员为变量、属性、函数、参数取的名字

不能是关键字或保留字

4.2保留字

现在不是关键字，未来可能是关键字的字

换行也需要字符串相连+'\n'

 课后作业

<script>
    var myname=prompt('请输入您的姓名');
    var age=prompt('请输入您的年龄');
    var sex=prompt('请输入您的性别');
    alert('您的名字是：'+myname+'\n'+'您的年龄是：'+parseInt(age)+'\n'+'您的性别是：'+sex);
</script>