在C 、Java、C# 中,声明变量的时候就确定了数据类型
int age = 18; // int就确定了后面的的变量所存的数据类型只能是整数
在JavaScript中声明变量的时候并没有确定变量的类型,所以JavaScript是弱类型的语言
3-1 数据类型
简单数据类型
Number、String、 Boolean、Undefined、Null
1. Number类型
• 数值字面量:数值的固定值的表示法
110 1024 62.5
• 进制
var num = 10;
进行算数计算时,八进制和十六进制表示的数值最终都将被转换成十进制数值。
•十六进制 数字序列范围:0~9 A~F
var num = 0xA;
•八进制 数字序列范围:0~7
var num = 010
如果字面值中的数值超出了范围,那么前导零将被忽略,后面的数值将被当作十进制数值解析
浮点数
浮点数的精度问题
浮点数
var n = 5e - 324;// 科学计数法 5乘以10的-324次方
浮点数值的最高精度是17位小数,但在进行算数计算时其精度远远不如整数
var result = 0.1 + 0.2;// 结果不是0.3,而是0.30000000000000004,因为计算机内部是通过二进制来处理这些数值的
var result = 0.1+ 0.3; // 结果就是0.4.
console.log(0.07 * 100);
因为浮点数存在一定精度问题,所以不要判断两个浮点数是否相等,比如,不要判断0.1+0.2与0.3是否相等。
数值范围
•最小值:Number.MIN_VALUE,这个值为:5e-324;
•最大值:Number.MAX_VALUE,这个值为: 1.7976931348623157e+308
•无穷大:Infinity
•无穷小:-Infinity
数值判断
NaN:not a number
NaN与任何值都不相等,包括他本身
isNaN:is not a number
var num = 12;
isNaN(num);// 返回的结果是false;
var num2 = 'lalallala';
isNaN(num2);//返回的结果是true;
3-2 string类型
• 字符串字面量
“程序猿”,“程序媛”,“黑马程序猿”
<script>
var msg = '我是一个\"正直\'高尚\'\"的人'; //其中 \ 是转义符;
console.log(msg);
</script>
转义符(字面量一栏显示首个符号均为反斜杠,部分显示为代码运行结果)
• 字符串长度
length属性用来获取字符串的长度
var str = '黑马程序猿 Hello World';
console.log(str.length);
• 字符串拼接
字符串拼接使用+连接
console.log(11 + 11);
console.log('hello' + 'world');
console.log('100' + '100');
console.log('11' + 11);
var n1 = 6;
var n2 = 4;
//如果 + 两边都是number类型的变量,执行的是数字运算的加
console.log(n1 + n2);
var s1 = '3';
var s2 = '5';
//如果 + 两边都是string类型,拼接字符串
console.log(s1 + s2);
var num1 = 123;
var stri = 'abc';
//如果 + 两边,一边是数值类型,一边是字符串类型,会先把数值类型自动转化成字符串然后再进行字符串的拼接
console.log(num1 + stri);
console.log('male' + true);
3-3 Undefined和Null
Boolean类型
Boolean字面量:true和false,区分大小写
计算机内部存储:true为1,false为0
Undefined和Null
1.undefined表示一个声明了没有赋值的变量,变量只声明的时候默认是undefined
2.null表示一个空,变量的值如果想为null,必须手动设置
复杂数据类型
object
3-4 typeof
var age = 18;
var name = 'wl';
console.log(typeof age);
console.log(typeof name);
var result = typeof name;
console.log(typeof name);
字面量
在源代码中一个固定值的表示方法。
数值字面量:8,9,10
字符串字面量:‘黑马程序员’,‘大前端’;
布尔字面量:true,false
注释
单行注释
用来描述下面一行或者多行代码的作用
// 这是一个变量
var name = 'hm';
多行注释
用来注释多条代码(描述文档的作者,制作时间等等)
/*
var age = 18;
var name = 'zs';
console.log(name,age);
*/
3-5转换成字符串类型
var age = 18;
var isRight = true;
var de;
var em = null;
console.log(age,name,de,em);
//第一种方法 toString()方法
console.log( typeof age.toString ());
console.log( typeof isRight.toString ());
//错误的方法
/*console.log(typeof de.toString ());
console.log(typeof em.toString ());*/
//第二种方法 String()方法
console.log(String (em));
console.log(String (de))
//这两种方法中第一种比较常用,也就是 toString()的方法用的比较多,一般只有在遇到null和undefined两种类型时,
才会用String();
//字符串拼接
var num = 23;
var isWrong = false;
console.log(typeof (num + ''));
console.log(typeof (isWrong + ''));
</script>
3-6转换成数值类型
第一种方法:Number();
var mood = 'happy';
// Number(mood) 返回的值是NaN
var date;
var bool = true;
// Number(bool) 返回的值是1
var empty = null;
console.log(Number(mood));
console.log(Number(date));
console.log(Number(empty));
console.log(Number(bool));
console.log(Number('123'));
//Number()把字符串转换成数值类型的时候,如果字符串中有一个字符不是数字,返回NaN
console.log(Number('123abc'));
第二种方法: parseInt() //int 整数
var str = '123' ;
var isRight = false;
var m1 = '123aec';
var m2 = 'aec123';
var full = null;
var nfind = undefined;
遇到的问题 加上typeof之后,返回的都是数值类型,与下方结果不符;
console.log(typeof parseInt(str)); //返回number;
console.log(typeof parseInt(isRight)); //返回number;
console.log(typeof parseInt(full)); //返回number;
console.log(typeof parseInt(nfind)); //返回number;
console.log(parseInt(str)); //返回123;
console.log(parseInt(isRight));
//返回NaN ; parseInt 无法把布尔类型转换成数值类型
console.log(parseInt(m1));
//返回123 ; parseInt 换字符串的时候,如果第一个遇到数字就会转换成数字,如果第二个非数字就会返回
console.log(parseInt(m2));
//返回NaN ; parseInt 在转换带有数字的字符串的时候,如果第一个遇到的不是数字,就直接返回;
console.log(parseInt(full)); //返回NaN;
console.log(parseInt(nfind)); //返回NaN;
第三种方法:parseFloat()
var words = '123';
var judge = false;
var c1 = '123aec';
var c2 = 'aec123';
var no = null;
var nofind = undefined;
console.log(parseFloat(words));
//返回123;
console.log(parseFloat(judge));
//返回NaN,parseFloat无法把布尔类型转换成数值类型;
console.log(parseFloat(c1));
//返回123; parseFloat 换字符串的时候,如果第一个遇到数字就会转换成数字,如果第二个非数字就会返回;
console.log(parseFloat(c2));
//返回NaN ; parseFloat 在转换带有数字的字符串的时候,如果第一个遇到的不是数字,就直接返回;
console.log(parseFloat(no));
//返回NaN; parseFloat无法把null类型转换成数值类型;
console.log(parseFloat(nofind));
//返回NaN; parseFloat无法把undefined类型转换成数值类型;
第四种方法:取正 取负 + -
var str1 = '123';
console.log(+ str1);
//返回123;
console.log(- str1);
//返回-123;
//补充:将变量转换为数值类型;
var str = '500';
console.log(+ str); //取正
console.log(- str); //取负
console.log(str - 0); //减零
//拓展思考
var s1 = '32ab';
console.log(s1 + 0); // 当一边是数值类型,一边是字符串类型,会先把数值类型转换成字符类型,再进行字符串的拼接
console.log(s1 - 0); // 当一边是数值类型,一边是字符串类型,会先把字符串转换成数值类型再进行减法运算;如果字符串转换数值类型失败,此时返回NaN;
3-7转换成布尔类型
var str1 = 'abc';
var num2 = '666';
var num3 = '0';
var a = null;
var b;
var c = '';
console.log(Boolean(str1));
console.log(Boolean(num2));
console.log(Boolean(num3));
console.log(Boolean(a));
console.log(Boolean(b));
console.log(Boolean(c));
console.log(Boolean(NaN));
//转换成false的五种情况:null undefined NaN 空字符串'' 0;