5.1、数值类型number
其实就是数字,就是整数、小数、负数….
var num1 = 123;
小数相加可能会有bug
console.log(0.1 + 0.2); // 不是0.3 , 是一个不准确的数字
数值类型中 还有一个非常特殊的存在:NaN,先记住js字符串拼接,一会再介绍是什么
5.2、字符串类型string
字符串主要作用就是用来表示文本的,单词、字母、汉字、文章、名字…
固定格式
'字符'
"字符"
我们发现,在js的语法中,已经使用了引号来做为格式了,如果我们就是要输出一个引号,不使用特殊的手段是做不到的,如果希望引号里面出现引号:
// 1.嵌套引号
console.log('');
// 2 转义字符
console.log("")
所谓转义字符,就是在想要转义的字符前面加上一 ,这样就把带有特殊意思的字符变成了普通的字符,就可以输出了
字符串拼接:
var name = "阿伟", age = "18";
var str = name+"今年"+age+"岁了";
5.3、布尔类型boolean
是在编程中专门为了表示条件结果的,只有两个值:true 和 false
true – 表示结果成立,为真
false – 表示结果不成立,为假
var result = 4 > 5;
console.log(result);// false ,因为 4 > 5 不成立
var res = 5 < 6;
console.log(res); // true 因为 5 < 6 成立
5.4、null和undefined
undefined —— 未定义js字符串拼接,声明了变量但是没有赋值,就是undefined
null —— 空 , 什么都没有 , 通常也是不会主动使用,而是得到的一个结果是null
prompt('输入框'); // 如果点击了取消,就是 null
5.5、数据类型的分类
我们学习了这么多的数据类型,怎么知道一个数据到底是什么类型呢?js提供了一个可以返回数据类型的关键字:typeof
语法:
typeof 数据;
typeof(数据);
需求:验证一下之前学过的数据类型
console.log(typeof 123);// number
console.log(typeof 'abc');//string
console.log(typeof true); // true
console.log(typeof undefined); // undefined
总结:
数据是分类型的,JavaScript里面有两种大类型:简单数据类型(值类型)和复杂数据类型(引用数据类型)
可以使用typeof获取数据的类型
简单数据类型(基本数据类型、值类型):number、string、boolean、null、undefined
复杂数据类型(引用数据类型):数组,对象,函数—— 后面会学习
练习:
我们学习了那多的知识,现在可以做一个程序计算总工资:
先声明一个变量,先存储着基本工资通过prompt弹出的输入框,获取老板输入的绩效工资计算 总工资 = 基本 + 绩效使用alert() 弹出总工资
// 让老板输入绩效工资
var performance = prompt('请输入张三的绩效工资');
var base = 4000;
// 计算总工资
var salary = base + perfomance;
// 展示总工资
alert(salry);
如果我们输入的绩效工资是:3000
alert()展示的工资将是:40003000
这是不符合事实的!!!原因是我们输入的3000是一个字符串,字符串加上数据得出一个不正确的结果。所以我们要把字符串的3000变成数字的3000 —— 数据类型转换
5.6、浏览器里面调试代码
第一步:打开sources选项卡
左边可能会有文件,也可能没有,需要自己把文件点出来
在需要断点的地方打断点(哪里有问题就在哪里打断点)
刷新就会停在断点的行上面
然后就观察,每个变量的当前的值是多少
5.7、类型转换
在js中,数据类型是可以相互转换的
主要是三大类:转成数字、转成字符串、转成布尔
把其他转成数字: Number() 、 parseInt() 、 parseFloat()
把其他转成字符串:String() 、.toString()
把其他转成布尔: Boolean()
把其他类型转换为数字
Number(数据) // 把其他的类型转换为数字
parseInt(数据) // 把字符串转换为整数
parseFloat(数据) // 把字符串转换为小数
var result = Number('3000'); // 3000
parseInt('1.22') // 1
parseFloat('1.22') // 1.22
把其他类型转换为字符串
String(数据)
(数据).toString() // 小数和null、undefined在使用的时候要小心
var res1 = String(123);
console.log(res1); // 输出字符串的 123
console.log(typeof res1); // 输出 string
var res2 = String(true);
console.log(res2); // 输出字符串的 true
console.log(typeof res2); // 输出 string
var res3 = (123).toString();
console.log(res1); // 输出字符串123
console.log(typeof res1); // 输出string
var res4 = undefined.toString();
console.log(res3); // 报错:Cannot read property 'toString' of undefined
var res5 = null.toString();
console.log(res4); //报错:Cannot read property 'toString' of null
把其他类型转换为布尔
Boolean(数据);
只有以下几个是false,其他都是true
console.log(Boolean(0));
console.log(Boolean(''));
console.log(Boolean(null));
console.log(Boolean(undefined));
console.log(Boolean(false));
console.log(Boolean(NaN));
限时特惠:本站每日持续更新海量设计资源,一年会员只需29.9元,全站资源免费下载
站长微信:ziyuanshu688