01-js基本数据类型及转换

1.JS书写位置3种：行内 内嵌 外联

2.JS注释：单行// 多行/* */ 快捷键shift+alt+a

3.JS输入输出语句：

• alert(msg)弹出警示框，输出的，展示给用户的
• consle.log(msg)控制台输出，程序员测试用
• prompt(msg)这是一个输入框，取过来的数据都是字符串型。

4.变量：

存储信息的容器，通过变量名获取数据，或数据修改。本质：变量是内存的空间，用于存放数据。

使用：

• 声明变量 var age; + 赋值 age=10;
• 变量初始化：var age=10; var myName=‘pink老师’;
• 一条语句声明多个变量：var age=10,myName=‘pink’;
• 变量案例弹出用户名：var myName=prompt(‘请输入你的名字’);alert(myName);
• 更新变量：变量值将以最后一次值为准
• 声明变量特数情况：只声明不赋值：var sex;//undefined 不声明不赋值：报错 不声明直接赋值：qq=10;console.log(qq);//JS允许，但不要使用

命名规范：

练习：交换两个变量---->需要一个临时变量temp

var temp;

var apple1='红';

var apple2='绿';

temp=apple1;

apple2=temp;

comsole.log(apple2);

5.数据类型

JS的变量数据类型是程序在运行过程中，根据等号的值确定的。

JS是动态语言，变量的数据类型是可以变换的。

var x = 10;//数字型

x = 'pink';//字符型

1.基本类型5种：

字符串String，数字Number，布尔Boolean，空Null,未定义Undefined

1）数字型：

• 八进制：0~7 010–>8 ，程序的数字前加0
• 十六进制：0~9 a~f #ffffff ，数字前加0x表示十六进制
• Number.MAX_VALUE数值的最大值 Infinity:无穷大 NaN非数字
• isNaN()这个方法用来判断非数字，如果是数字，返回false；如果不是数字，返回true；

2）字符串：双引号，单引号

• 嵌套：外双内单或者外单内双，var str=‘它是一只"小狗"的’;

• 字符串转义符：以\开头

• 字符串长度length：

var str='my name is andy';

console.log(str.length);//15

• 字符串拼接：字符串+任何类型=新字符串

console.log('12'+12);//1212
console.log('pink'+12);//pink12
console.log(12+12);//24数值相加，字符相连
console.log('pink'+19+'岁');//pink19岁

//字符串拼接加强：变量的字符串相连的口诀：引引加加
var age=19;
console.log('pink'+age+'岁');//pink19岁

• 显示年龄案例：利用JS编写的一个简单交互效果

var age=prompt('请输入年龄');

var str='你今年'+age+'岁';

alert(str);

3).布尔：

true false 参与加法运算，ture1、false0

4).undefined:

var variable=undefined;

console.log(variable+'pink');//undefinedpink

console.log(variable+12);//NaN,undefinde和数字相连，结果是NaN

5).Null

var space=null;
console.log(space+'pink');//nullpink
console.log(space+1);//1

typeof

检测基本数据类型：

var num=11;
console.log(typeof num);//number
//特殊的null
var timer=null;
console.log(typeof timer);//object
//prompt取过来的是字符型
var age=prompt('请输入你的名字');//输入18
console.log(age);//18
console.log(typeof age);//string

数据类型转换：

1.转为字符型：

1)toString()

var num=10;

var str=num.toString();

console.log(str);

2)String(变量)强制转换

console.log(String(num));

3)字符串拼接:隐式转换

console.log(num+’ ');

2.转为数值型：parseInt,parseFloat,Number,利用算数符号

var age=prompt('强输入年龄')；
//1.parseInt(变量)
console.log(parseInt(age));//parseInt取整数

console.log(parseInt('3.94'));//3
console.log(parseInt('120px'));//120
console.log(parseInt('rem120px'));//NaN,数字出现在中间位置或后面位置就会NaN
//2.parseFloat(变量)，取到的是浮点数
console.log(parseFloat('3.94'));//3.94
console.log(parseFloat('120px'));//120
console.log(parseFloat('rem120px'));//NaN
//3.Number(变量)
console.log(Number('123'));//123
//4.利用算数— + 隐式转换
console.log('12'-0);//12-0=12
console.log('12'*'12');//144

练习：简单加法器

var num1=prompt('请输入第一个数字');
var num2=prompt('请输入第二个值');
var result=num1+num2;//错，1212
var result=parseFloat(num1)+parseFloat(num2);
alert('你的结果是:'+result);

3.转为布尔型：Boolean()

代表空、否定的值都会转换为false，如’’,0,NaN,undefined

其余的转换为true