首页 > 编程语言> 文章详细

自学JavaScript Day03——数据类型

2022-01-17 12:02:27 阅读：250 来源： 互联网

标签：prompt num1 num2 Day03 JavaScript 数据类型 var console 成绩

自学JavaScript Day03——数据类型

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

关联Day02的知识点

简介

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

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的变量与数据类型，大家千万要记得隔上两天就再次复习一下哦~温故而知新嘛！！

标签：prompt,num1,num2,Day03,JavaScript,数据类型,var,console,成绩
来源： https://blog.csdn.net/qq_41711041/article/details/122535445

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

自学JavaScript Day03——数据类型