JS中的六大数据类型

我会带着你远行 2022-05-16 07:06 187阅读 0赞

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。

**typeof 操作符**

由于`js`中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字.

typeof   123　　 //Number

typeof   'abc'　　//String

typeof    true       //Boolean

typeof    undefined   //Undefined

typeof    null        //Object

typeof    \{ \}           //Object

typeof    \[ \]           //Object

typeof    console.log()       //Function

null类型进行typeof操作符后，结果是object，原因在于，null类型被当做一个空对象引用。

**1.Number类型**

Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。

NaN:非数字类型。特点：① 涉及到的 任何关于NaN的操作，都会返回NaN   ② NaN不等于自身。

isNaN() 函数用于检查其参数是否是非数字值。

isNaN(123)  //false   isNaN("hello")  //true

**2.String类型**

字符串有length属性。

字符串转换：转型函数String(),适用于任何数据类型（null,undefined 转换后为null和undefined）；toString()方法（null,defined没有toString()方法）。

**3.Boolean类型**

该类型只有两个值，true和false

**4.Undefined类型**

只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。

**5.Null类型**

null类型被看做空对象指针，前文说到null类型也是空的对象引用。

**6.Object类型**

js中对象是一组属性与方法的集合。这里就要说到引用类型了，引用类型是一种数据结构，用于将数据和功能组织在一起。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。

三大引用类型

**1.Object类型**

我们看到的大多数类型值都是Object类型的实例，创建Object实例的方式有两种。

第一种是使用new操作符后跟Object构造函数，如下所示

var person = new Object();

person.name = "Micheal";

person.age = 24;

第二种方式是使用对象字面量表示法，如下所示

var person = \{

name : "Micheal",

age : 24

\};

**2.Array类型**

数组的每一项可以用来保存任何类型的数据，也就是说，可以用数组的第一个位置来保存字符串，第二个位置保存数值，第三个位置保存对象....另外，数组的大小是可以动态调整的。

创建数组的基本方式有两种

第一种是使用Array构造函数，如下所示

var colors = new Array("red","blue","yellow");

第二种是使用数组字面量表示法，如下所示

var colors = \["red","blue","yellow"\];

**3 Function类型**

每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。函数通常是使用函数声明语法定义的，如下所示

function sum(num1,num2)\{

return num1 + num2;

\};

这和使用函数表达式定义函数的方式相差无几。

var sun = function ()\{

return sum1 + sum2;

\};

**也就是说，js按照存储方式分为值类型和引用类型。那么他们的计算有什么区别呢？**

题目1： var a = 100;

var b = a;

a = 200;

console.log (b);

题目2： var a = \{age : 20\};

var b = a;

b.age = 21;

console.log (a.age);

题目1的答案是 100，题目2的答案是21，

题目1是简单的值类型，在从一个变量向另一个变量赋值基本类型时，会在该变量上创建一个新值，然后再把该值复制到为新变量分配的位置上。

此时，a中保存的值为 100 ，当使用 a 来初始化 b 时，b 中保存的值也为100，但b中的100与a中的是完全独立的，该值只是a中的值的一个副本，此后，  
这两个变量可以参加任何操作而相互不受影响。也就是说基本类型在赋值操作后，两个变量是相互不受影响的。

题目2是引用类型，当从一个变量向另一个变量赋值引用类型的值时，同样也会将存储在变量中的对象的值复制一份放到为新变量分配的空间中。

这时保存在变量中的是对象在堆内存中的地址，所以，与简单赋值不同，这个值的副本实际上是一个指针，而这个指针指向存储在堆内存的一个对象。那么赋值操作后，  
两个变量都保存了同一个对象地址，则这两个变量指向了同一个对象。因此，改变其中任何一个变量，都会相互影响。

因此，引用类型的赋值其实是对象保存在栈区地址指针的赋值，因此两个变量指向同一个对象，任何的操作都会相互影响。写文章一方面是为了给自己做一个知识累积，另一方面也是为了分享一下自己成果。欢迎各位留言，评论~

发表评论取消回复

表情：

评论列表（有 0 条评论，187人围观）

还没有评论，来说两句吧...

相关阅读

相关 Redis之六大数据类型总结

数据类型这个名词我想大家都不陌生，像JAVA的数据类型就分为基本数据类型和引用数据类型，基本数据类型又分为八大类型，在这里就不多说了，主角是redis的数据类型有哪些，是不是也

冷不防/ 2022年12月02日 15:14/ 0 赞/ 139 阅读

相关详解js的六大数据类型

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Null,Undefined）,和一种混合数据类型（Object）。下面就跟着小编一起来

柔光的暖阳◎/ 2022年06月17日 07:50/ 0 赞/ 173 阅读

相关 Redis入门之六大数据类型

一、启动redis 进入redis文件夹下，输入如下命令启动redis src/redis-server ./redis.conf 启动之后和客户端进行连接

清疚/ 2022年05月16日 09:05/ 0 赞/ 217 阅读

相关 JS中的六大数据类型

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。 typeo

我会带着你远行/ 2022年05月16日 07:06/ 0 赞/ 188 阅读

相关 JS中的数据类型转换

一、转换为字符串方法1：toString() var a = 1; a.toString(); // '1' 除了null，undefined其余类型都

清疚/ 2022年03月01日 07:47/ 0 赞/ 268 阅读

相关 JS中的数据类型

一、背景介绍数据类型 js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Null,Undefined）,和一种混合数据类型（Obj

小灰灰/ 2022年03月01日 05:52/ 0 赞/ 216 阅读

相关 JavaScript中的六大基本数据类型

文章目录语法一、区分大小写二、标识符三、注释四、语句五、变量数据类型

冷不防/ 2022年02月28日 13:26/ 0 赞/ 320 阅读

相关 js中的数据类型

js中有六种数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。 typeof 操

梦里梦外;/ 2021年10月01日 04:06/ 0 赞/ 329 阅读

相关 JS中的七大数据类型

七大数据类型包括五种基本数据类型（`Undefined`、`Null`、`Boolean`、`Number` 和 `String`）、一种复杂数据类型（`Obj

缺乏、安全感/ 2021年09月19日 00:30/ 0 赞/ 378 阅读

相关六大数据类型之间的转化问题

六大数据类型：包括五种基本数据类型（Number,String,Boolean,Undefined,Null）,和一种复杂数据类型（Object）。对象：JSON.

╰半橙微兮°/ 2021年08月13日 22:36/ 0 赞/ 371 阅读