Java教程

自学JavaScript Day03——数据类型

本文主要是介绍自学JavaScript Day03——数据类型,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

这篇关于自学JavaScript Day03——数据类型的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!