简介

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

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

自学JavaScript Day03——数据类型相关推荐

零基础学习前端开发，怎么自学javascript？
怎么自学javascript?下面本篇文章就来给大家介绍一下系统学习JavaScript的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 一. 要系统的学习JavaScript ...
自学JavaScript第一天- JS 基础
自学JavaScript第一天- JS 基础 JS 写在哪里注释行内 js 内部 js 外部 js JS 基础语法语句大小写代码块折行变量声明 var .let.const 及作用域 ...
自学JavaScript第二天- JS 进阶: 对象函数
自学JavaScript第二天- JS 进阶: 对象函数对象进阶构造函数使用类类的继承静态方法函数进阶方法装饰器高阶函数 map / reduce filter sort ever ...
JavaScript的数据类型有哪些？
JavaScript的数据类型有哪些? 基本数据类型:字符串 String.数字 Number.布尔Boolean 复合数据类型:数组 Array.对象 Object 特殊数据类型:Null 空对象. ...
javascript 六种数据类型
javascript 六种数据类型 js的数据类型和常见隐式转化逻辑. 一.六种数据类型原始类型(基本类型):按值访问,可以操作保存在变量中实际的值.原始类型汇总中null和undefined比较特 ...
JavaScript 所有数据类型
JavaScript 所有数据类型在 JavaScript 中有 5 种不同的数据类型: string number boolean object function 3 种对象类型: Object ...
前端之 JavaScript 常用数据类型和操作
JavaScript 常用数据类型有:数字.字符串.布尔.Null.Undefined.对象 JavaScript 拥有动态类型 JavaScript 拥有动态类型.这意味着相同的变量可用作不同的类型 ...
从数据类型 nvarchar 转换为 numeric 时出错_JS入门篇（三）：javascript的数据类型详解...
JavaScript的数据类型分为两大类,基本数据类型和复杂数据类型. 基本数据类型:Undefined.Null.Boolean.Number.String. 复杂数据类型:Object. (1)U ...
javascript基本数据类型与值类型引用类型说明
DEMO: http://sources.ikeepstudying.com/jsdata/ 摘要:本文主要讲了javascript中的基本数据类型,以及值类型和引用类型的区别与使用一.基本数据类型 ...

自学JavaScript Day03——数据类型

自学JavaScript Day03——数据类型

简介

判断数据的类型

获取用户的输入

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

自学JavaScript Day03——数据类型相关推荐

最新文章

热门文章