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选项卡

js字符串拼接_sql 数字与字符拼接_stringbuffer拼接字符

左边可能会有文件,也可能没有,需要自己把文件点出来

sql 数字与字符拼接_js字符串拼接_stringbuffer拼接字符

在需要断点的地方打断点(哪里有问题就在哪里打断点)

js字符串拼接_sql 数字与字符拼接_stringbuffer拼接字符

刷新就会停在断点的行上面

js字符串拼接_stringbuffer拼接字符_sql 数字与字符拼接

然后就观察,每个变量的当前的值是多少

stringbuffer拼接字符_js字符串拼接_sql 数字与字符拼接

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