当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js中常用的数据类型（一）

js中常用的数据类型（一）

2020年07月12日  | 移动技术网IT编程  | 我要评论

js中的常用的数据类型

各数据类型的定义及理解

数据类型主要分为基本数据类型和复杂数据类型。今天我们主要讲基本数据类型！

基本数据类型

基本数据类型主要分为以下几种：
1. 数值类型（Number）
1.一切数字都是数值类型(包括:十进制,二进制,十六进制,八进制等)
2.NAN（not a number），一个非数字。常用于判断是否是数字。

var a = 12;
var b=321;

2. 字符串类型（String）
被引号裹的所有内容(可以是单引号,可以是双引号)，在代码中，我们看到有内容打单引号或者双引号那它就是字符串了。

var b = "hello world";
var c = "34";
var d = 'hello12';

3. 布尔类型（Boolean）
对于布尔值，目前只有false和true两种

var e = true;
var f = false;

4. Null类型（Null）
它只有一个值，就是它本身自己null，它表示空的意思

var g = null;

5. undefined类型（undefined）
它只有一个值，就是它本身自己undefined，它表示没有值的意思。我们常见它就是在给它定义了却没有赋值时见到。

  var k;
  console.log(k);   //undefined

数据类型的判断

在编程过程中，判断一个数据类型是很常见的。比如当我们不知道一个值它到底是什么时，我们就需要判断了。平常我们对于数据类型的判断用的最多是typeof和isNaN
typeof ：返回的数值类型是字符串类型
语法：
1. typeof 数据内容
2. typeof（数据类容）

isNaN：判断一个变量是不是数字
语法：
isNaN（数据内容）

比如：

判断类型

 		//定义变量
        var b = true;
        //定义一个变量,名称是result,里面存放的是typeof(b)运行的结果
        var result = typeof(b);//boolean
        //把result里面的内容打印出来
        console.log(result);
        //判断result里面的内容("boolean")的数据类型是"string"
        console.log(typeof result);//string

判断是否是数字

		var c = 34;
        var d = "hello";
        var e = "120";
        console.log(isNaN(c));//false
        console.log(isNaN(d));//true
        console.log(isNaN(e));//false

数据类型的转换

数据类型的转换，在平时代码中非常常见，不仅如此，面试也是一样！

主要有以下几种：

1.其他类型转数字

Number(变量)

==>可以把一个变量强制转换成数值类型
==>可以转换小数,会保留小数
==>可以转换布尔值
==>遇到不可操作的时候返回NaN

		var a = "34.45";
        var b = "hello";
        var c = true;
        var d = false;
        var e = null;
        var f = undefined;
        console.log(Number(a));//34.45
        console.log(Number(b));//NaN
        console.log(Number(c));//1 
        console.log(Number(d));//0
        console.log(Number(e));//0
        console.log(Number(f));//NaN

parseInt(变量)
==>可以把一个变量强制转换成数值类型
==>从第一位开始检查,是数字就转换,直到不是数字为止
==>开头就不是数字,直接返回NaN

		var a = "34.45";
		var b = "hello";
		var c = true;
		var e = null;
        var f = undefined;
        var g = "23hello.45";
        console.log(parseInt(a));//34
        console.log(parseInt(b));//NaN
        console.log(parseInt(c));//NaN
        console.log(parseInt(e));//NaN
        console.log(parseInt(f));//NaN
        console.log(parseInt(g));//23

parseFloat(变量)

==>可以把一个变量强制转换成数值类型(与parseInt相似)
==>从第一位开始检查,是数字就转换,直到一个不是数字的东西
==>开头就不是数字,直接返回NaN
==>对于有好几个小数点的字符串，只认识第一个小数点

		var a = "34.45";
        var b = "hello";
        var c = true;
        var e = null;
        var f = undefined;
        var g = "23hello.45";
        var h = "34.45.56";
        console.log(parseFloat(a));//34.45
        console.log(parseFloat(b));//NaN
        console.log(parseFloat(c));//NaN
        console.log(parseFloat(e));//NaN
        console.log(parseFloat(f));//NaN
        console.log(parseFloat(g));//23
        console.log(parseFloat(h));//34.45

除下 “ + ” 以外的数学运算（-,/,*,%）
==>运算符两边都是可运算数字才能
==>如果运算数字任何一边不是数字,返回NaN
==>加法不可以 （涉及到字符串运算问题）

console.log(4*"hello");//NaN
console.log(4/true);//true转成1,结果是4
console.log(4-false);//false转成0,结果是4
console.log(4-null);//null转成0,结果是4
console.log(4-undefined);//undefined转成NaN,结果是NaN

2.其他类型转字符串

变量.toString()
注意：
有一些数据不能使用，比如：undefined和null

String(变量)
这种方式所有数据类型都可以

“ + ”方式
在js里面,“+”有两个含义
==>字符串拼接:只要“+”任何一边是字符串,就会是字符串拼接
==>加法运算:只要“+”两边都是数字的时候,才能进行加法运算

		var aa = true;
        var bb = null;
        var cc = "34.45";
        var ee = 34;
        console.log(aa.toString())  //true
        console.log(String(bb))   //null（不能使用toString方法）
		console.log(cc.toString())  //34.45
		console.log(String(ee))    //34
		console.log(aa+bb);//1
        console.log(cc+ee);//34.4534,
        console.log(ee+"");//34



3.其他类型转布尔

Boolean(变量)
只有" ",0,null,undefined,NaN这些在转布尔的时候会转成false,其他都会转成true

 		console.log(Boolean(null))//false
        console.log(Boolean(0))//false
        console.log(Boolean("0"));//true（字符串）
        console.log(Boolean("     "));//true(字符串)

总结

今天写的数据类型是基本数据类型，后续还将会把复杂数据类型总结出来。
由于这是第一次写，有什么错误请多多指正！大家一起加油啊！！！

本文地址：https://blog.csdn.net/weixin_44012141/article/details/107279812

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网