自学JavaScript Day03——数据类型

• 简介
• 判断数据的类型
• 获取用户的输入
• 整合前两天的知识，练习一下吧！

简介

变量中存储的是什么样的数据，那么这个变量就是什么样类型。
数据类型：

• string 存储一串字符，用双引号或者单引号括起来。
• number 表示整数或者是浮点数
• boolean 表示真假，true或false
• undefined 变量被声明，但未被赋值
• null 空

判断数据的类型

使用 typeof 判断数据类型
用法：typeop(变量) 或 typeof 变量
返回值：string number boolean undefined null
例子：

var name = "tom";	//string
console.log(typeof(name));
console.log(typeof name);

输出：

获取用户的输入

使用 prompt() 提示用户输入数据
用法：prompt(“提示信息”,“输入框内的默认信息”)；
例子：prompt("请输入姓名：","输入您的姓名");

整合前两天的知识，练习一下吧！

练习一：定义变量存储以下信息，然后在页面中按照如下格式输出。
姓名：张三
年龄：21
性别：男
职业：学生
住址：江苏南京
电话：1234567890

var name = "张三";
var age = 21;
var sex = "男";
var job = "学生";
var address = "江苏南京";
var phone = 1234567890;
//注意：在页面中输出，我们应该使用document.write()
//一开始的时候我试了好多办法一直没法让他们换行，结果百度了才知道，在后边加一个<br>标签就行了...也算是个知识点了
document.write("姓名:" + name, "<br>");
document.write("年龄:", age, "<br>");
document.write("性别:", sex, "<br>");
document.write("职业:", job, "<br>");
document.write("住址:", address, "<br>");
document.write("电话:", phone, "<br>");

练习二：提示两名学生分别输入姓名，HTML成绩，CSS成绩，JavaScript成绩，然后按照如下格式在控制台输出一份成绩单
姓名 HTML成绩 CSS成绩 JavaScript成绩
Tom 90 78 80
Eric 89 77 90

var name = prompt("请输入姓名：");
var html = prompt("请输入HTML成绩：");
var css = prompt("请输入css成绩：");
var javascript = prompt("请输入JavaScript成绩：");

var name2 = prompt("请输入姓名：");
var html2 = prompt("请输入HTML成绩：");
var css2 = prompt("请输入css成绩：");
var javascript2 = prompt("请输入JavaScript成绩：");

console.log("姓名\t\tHTML\t\tCSS\t\tJavaScript");	//\t表示缩进
console.log(name, "\t\t", html, "\t\t", css, "\t\t", javascript);
console.log(name2, "\t\t", html2, "\t\t", css2, "\t\t", javascript);

练习三：交换两个变量的值，定义两个变量num1和num2，并分别赋予任意整数，然后交换num1和num2的值(用两种方法)

var num1 = 10;
var num2 = 20;
console.log("交换前的值：", num1, "\t", num2);
//方法一：使用临时变量temp进行交换
var temp = num1;
num1 = num2;
num2 = temp;
console.log("交换后的值：", num1, "\t", num2);
//方法二：使用加减运算进行交换(面试中常见)
num1 = num1 + num2; // 30
num2 = num1 - num2; // 10
num1 = num1 - num2; // 20
console.log("交换后的值：", num1, "\t", num2);
//方法三：数组的结构赋值(面试时也会出现很加分哦)
[num1, num2] = [num2, num1];	//num1等于num2，num2等于num1
console.log("交换后的值：", num1, "\t", num2);

练习四：提示用户输入姓名和成绩，已知隔壁老王的成绩比他高5分，请分别输出他们的信息。

var name = prompt("请输入您的姓名：");
var score = prompt("请输入您的成绩：");
var score2 = Number(score) + 5;
//用Number()将score字符串转换为数字而不是它本身的字符串，如果不进行转换的话它的结果就是 "输入的成绩"5 而不是 "输入的成绩"+5
console.log("姓名:", name, "\t\t成绩:", score);
console.log("老王的成绩：\t\t", score2);

到这里我们用了三天的时间掌握了JavaScript的变量与数据类型，大家千万要记得隔上两天就再次复习一下哦~温故而知新嘛！！