js中的数据类型

梦里梦外; 2021-10-01 04:06 300阅读 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 条评论，300人围观）

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

相关阅读

相关 3. JS中常用的数据类型

基本数据类型 * 数字Number 常规数字和NaN * 字符串String 所有用单引号，双引号，反引号...

川长思鸟来/ 2024年04月18日 11:13/ 0 赞/ 19 阅读

相关 JS中的原始数据类型（基础数据类型）和引用数据类型

文章目录一、js的数据类型划分方式为原始数据类型（基础数据类型）和引用数据类型二、两种类型的区别 1.存储位置不同

爱被打了一巴掌/ 2022年12月24日 00:52/ 0 赞/ 206 阅读

相关【js】js的数据类型

JS六种数据类型 1、number 数字类型 2、string 字符串类型 3、boolean 布尔类型 4、undefined undefined类型

我不是女神ヾ/ 2022年11月26日 08:53/ 0 赞/ 171 阅读

相关 js 中数据类型的转换规则

常用的！取反 ! 一个感叹号是取反，首先将值转化为布尔类型的值，然后取反 !! 两个感叹号是将其他的数据类型转换为 boolean 类型，相当于Boolean()

淡淡的烟草味﹌/ 2022年11月02日 13:22/ 0 赞/ 174 阅读

相关 js中的数据类型转化

基本类型的转化 Number： 1. null 转换为 0 2. undefined 转换为 NaN 3. true 转换为 1，false 转换为 0 4.

港控/mmm°/ 2022年09月12日 13:45/ 0 赞/ 143 阅读

相关 JS中的六大数据类型

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

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

相关 JS中的数据类型转换

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

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

相关 JS中的数据类型

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

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

相关 js中的数据类型

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

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

相关 JS中的七大数据类型

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

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