一、JS的字符串
1、数据类型指的是字面量的类型,JS中一共有六种数据类型
(1)String 字符串
(2)Number 数值
(3)Boolean 布尔值
(4)Null 空值
(5)Undefined 未定义
(6)Objecct 对象
注:其中String Number Boolean Null Undefined属于基本数据类型,Object属于引用数据类型
2、String字符串
(1)在JS中字符串需要使用引号引起来
(2)单引号或者双引号都可以,但不能混着使用
(3)引号不能嵌套,双引号不能放双引号,单引号不能放单引号
var str = "hello";
console.log(str);
(4)字符串中可以使用 \ 作为转义字符,当表示一些特殊符号时可以使用 \ 进行转义,例如:"表示一个普通的双引号,'表示一个普通的单引号,\n表示换行,\t表示制表符,\表示\
var str = "我说:\"你真美!\"";
console.log(str);
3、Number数值类型
(1)在JS中所有数值都是Number类型,包括整数和浮点数(小数)
(2)可以使用一个运算符typeof来检查一个变量的类型,语法:typeof 变量名
//数值123
var str1=123;
//字符串123
var str2="123";
console.log(str1);
console.log(str2);
console.log(typeof str1);
console.log(typeof str2);
(3)JS中可以表示的数字的最大值,Number_MAX_VALUE,如果使用Number表示的数字超过了最大值,则会返回一个Infinity,表示正无穷;使用typeof检查Infinity也会返回number
(4)在JS中整数的运算基本可以保证准确,如果使用JS进行浮点元素的运算,可能得到一个不精确的结果,所以千万不要使用JS进行对精确度要求比较高的运算。
二、JS的布尔值
1、布尔值只有两个,主要用做逻辑判断,true(表示真),false(表示假)
2、使用typeof检查一个布尔值时,会返回boolean
var bool=true;
console.log(typeof bool)
三、JS的Null类型和Undefined类型
1、Null(空值)类型的值只有一个,就是null,null这个值专门用来表示一个为空的对象,使用typeof检查一个null值时,会返回object
2、Undefined(未定义)类型的值只有一个,就是undefined,当声明一个变量,但并不给这个变量进行赋值时,它的值就是undefined,使用typeof检查一个undefined时,其返回值也为undefined
四、JS的强制类型转换-String
1、强制类型转换:将一个数据类型强制转换为其他的数据类型;类型转换主要是指将其他的数据类型转换为:String Number Boolean
2、将其他类型转换为String
方法一:
(1)调用被转换数据类型的toString()方法
(2)该方法不会影响到原变量,它会将转换的结果返回
(3)注意:null和undefined这两个值没有toString()方法,若调用其方法,会报错
(4)调用a的toString()方法,即调用xxx的yyy方法,就是xxx.yyy()方法
var bool=true;
bool =bool.toString();//使用toString()方法强制转换,
console.log(typeof bool);
console.log(bool);
方法二:
(1)调用String()函数,并将被转换的数据作为参数传递给函数。调用String()函数,来将a转换为字符串。
var a =123;
a=String(a);
console.log(typeof a);
console.log(a);
(2)使用String()函数做强制类型转换时,对于Number和boolean类型实际上就是调用toString()方法,对于null和undefined,就不会调用toString()方法。它会将字面量null直接
转换成字符串"null".
五、JS的强制类型转换-Number
1、将其他的数据类型转化为Number
转换方式一:
使用Number()函数
var a = "123";
a=Number(a);//调用Number()函数将a转换为number类型
console.log(typeof a);
console.log(a);
字符串转数值
(1)如果是纯数字的字符串,则直接将其转换为数字
(2)如果字符串中含有非数字的内容,则转换为NaN
(3)如果字符串是一个空串或全是空格串,则转换为0
布尔值转数值
(1)true 转换成1
(2)false 转换成0
其他类型转换为数值
(1)null 转换成0
(2)undefined 转换成NaN
转换方式二:
这种方式专门用于对付字符串
(1)parseInt()把一个字符串转换成一个整数:parseInt()可以将一个字符串中的有效整数取出来,然后转换为Number类型
(2)parseFloat()把一个字符串转换成一个浮点数:parseFloat()的作用和parseInt()类似,不同的是它可以获得有效的小数
var a = "123px";
a=parseInt(a);//调用parseInt函数将a转换为Number
console.log(typeof a);
console.log(a);
var a = "123.3456pu";
a=parseFloat(a)
console.log(typeof a);
console.log(a);
(3)如果对非String使用parseInt()或者parseFloat(),它会先将其转换成String,后进行操作
六、JS的其他进制的数字
1、在js中,如果需要表示16进制的数字,则需要以0x开头
var a=0X123;
console.log(a);
2、在js中,如果需要表示8进制的数字,则需要以0开头
var a=060;
console.log(a);
3、在js中,如果需要表示2进制的数字,则需要以0b开头,但不是所有浏览器都支持
var a=0b10;
console.log(a);
4、向"070"这种字符串,有些浏览器会当成8进制解析,有些浏览器会当初10进制解析,可以在parseInt()函数中传递第二个参数来指定数字的进制
var a="070";
a=parseInt(a,10);//70 a=parseInt(a,8); //56
console.log(typeof a);
console.log(a);
七、JS的转换为Boolean
1、将其他类型转换为Boolean类型,需要使用Boolean()函数,数字类型转换为布尔类型过程中,除了0和NaN,其余的都是true
var a=123; //true
var a=-123; //true
var a=0; //false
var a=NaN; //false
var a=Infinity; //true
a = Boolean(a);
console.log(typeof a);
console.log(a);
2、字符串类型转换为布尔类型过程中,除了空串,其余的都是true
var a="hello"; //true
var a=""; //false
var a="false"; //true
var a="true"; //true
a = Boolean(a);
console.log(typeof a);
console.log(a);
3、null和undefined转换为布尔类型时,都是false,对象也会转换为true
var a =null; //false
var a =undefined; //false
a = Boolean(a);
console.log(typeof a);
console.log(a);
八、JS的算数运算符
1、运算符也叫操作符,通过运算符可以对一个或多个值进行计算,并获取运算结果,比如:typeof 就是运算符,可用来获取一个值的类型,它会将该值的类型以字符串的形式返回,返回值的类型有:number、string、boolean、undefined、object
var a=123;
var result=typeof a; //字符串形式返回
console.log(typeof result); //string
2、算数运算符:当对非Number类型的值进行运算时,会将这些值转换为Number,然后进行运算,任何值和NaN做运算时都得到NaN
(1)“+”运算符:对两个值进行加法运算,并将结果返回,如果对两个字符串进行加法运算,则会做拼串,会将两个字符串拼接为一个字符串,并返回
var a=1+2; //3
var a=true+false; //1
var a=1+null; //1
var a=null+undefined; //NaN
var a="123"+"456"; //123456
var a='12'+'23' //1223
var a=123+'1'; //1231
console.log(a);
任何值和字符串做加法运算时,都会先转换成字符串,然后再和字符串做拼串操作。可以利用这一特点,来将一个任意的数据类型转换为String,只需要为任意的数据类型 + 一个"",即可将其转换为String,这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用了String()函数
var a=818;
a=a+""; //818
var b=true;
b=b+""; //true
console.log(a);
console.log(b);
//加法运算
var a;
a=1+2+"3"; //33
a="1"+2+3; //123
console.log(a);
(2)任何值做 - * / 运算时都会自动转换为Number,可以利用这一特点做隐式的类型转换,可以通过 -0 *1 /1来将其转换为Number,原理和Number()函数一样,使用起来更加简单
九、JS的一元运算符
1、一元运算符:只需要一个操作数
(1)“+” 正号:不会对数字产生任何影响
(2)“-” 负号:负号可以对数字进行符号的取反
(3)对于非Number类型的值:会先将其转换为Number类型,然后再运算,可以对其他的数据类型使用 + ,来将其转换为number,其原理和number()函数类似
var a=100;
a=+a; //100
a=-a; //-100
a=true;
a=+a;// 1
a="18";
a=+a; //18,number类型
console.log(a);
console.log(typeof a);