js数据类型以及类型转换

1.类型分类

数据类型决定了一个数据的特征，例如123和"123",直观上看两个数据都是123，但是前者的数据类型是数字，后者是字符串。

JS中一共有5种基本数据类型:

•    字符串（String）
•    数值型（Number）
•    布尔型（Boolean）
•    未义型（Undefined）
•    空值（Null）

2.查看内容的数据类型

我们可以使用typeof操作符来检查一个变量的数据类型。

使用方法

<script>
   typeof()
</script>

示例代码：

<script>
	console.log(typeof("666"));   
	console.log(typeof("true")); 
	console.log(typeof(true));  
	console.log(typeof(b));
	console.log(typeof (undefined));
	console.log(typeof (null));
</script>

结果展示

3.数据类型转换

       使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。

我们通常会实现3种方式的转换：

• 转换为字符串类型
• 转换为数字型
• 转换为布尔型

1.转换为字符串类型

（1）+""

示例代码

<script> 
  console.log(typeof(3+""));
  console.log(3+"2");
<script> 

效果展示

 （2）String转换

示例代码

var a=String(3);
var b=String(true);
var c=String(null);
console.log(typeof(a)); 
console.log(typeof(b)); 
console.log(typeof(c)); 
console.log(b); 
console.log(c); 

效果展示

2.转换为数字型

（1）*1 

示例代码

console.log(typeof("2" * 1)); 
console.log(typeof(null* 1)); 
console.log(typeof(undefined* 1)); 
console.log("2" * 1); 
console.log(typeof(true * 1)); 
console.log(false * 1);
console.log(typeof("ab" * 1)); 

结果展示

（2） Number转换

示例代码

console.log(typeof(Number("2"))); 
console.log(Number(true)); 
console.log(Number("aa")); 
console.log(Number("11aa")); 

结果展示

注意：NaN:Not a number,不是相应数值 

（3） 整型,parseInt 

示例代码

console.log(parseInt("11.76")); 
console.log(parseInt("11aa")); 
console.log(parseInt("aa11")); 
console.log(parseInt("1a1a")); 

结果展示

 

（3） 浮点型,parseInt 

示例代码

console.log(parseFloat("11.76")); 
console.log(parseFloat("11.76a")); 

结果展示

 3.转换为boolean型

（1）前面加！！

示例代码

console.log(!!"aa"); 
console.log(!!""); 
console.log(!!"true"); 
console.log(!!null); 
console.log(!!undefined); 
console.log(!!1); 
console.log(!!0); 

效果展示

（2）Boolean

示例代码

console.log(Boolean("aa")); 
console.log(Boolean("")); 
console.log(Boolean("true")); 
console.log(Boolean("1")); 

效果展示