JS数据类型(七种基础,三种引用)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS数据类型(七种基础,三种引用)相关的知识,希望对你有一定的参考价值。

参考技术A

在JS的学习与工作中,搞清楚相关数据类型是基础中的基础,平均一百家公司面试前端工程师的时候九十九家都会问,请你简单举例一下JS的数据类型,于是菜狗我就将对此进行一些自己粗浅的总结为自己留作笔记同时为各位想要学习的同学提供小小的帮助。
首先,我们要明白,在JS中,数据类型分为一下两种:

基础数据类型分为七种
①Number 数字型 (包含所有的整数,浮点数,负数等)
②String 字符串型 (包含任意文本)
③boolean 布尔型 (仅有两种类型,ture与false)
④Undefined 未定义 (仅有一种,undefined)
⑤Null 空/不存在 (仅有一种,null)
⑥Symbol (实现唯一标识)
对此进行简单的举例

⑦BigInt(任意精度整数)(将与ES10中出现)

对此数据类型存在进行简单解释
BigInt 通过数字加n的方法来表示,支持二进制,八进制,十六进制
以下写法结果均为转换为字符串后得而结果,BigInt类型转换字符串后不会再带着n
Ⅰ.通常写法

Ⅱ .十六进制

Ⅲ.八进制(注意区分数字0与字母o)

Ⅳ. 二进制

引用数据类型共有三种
①Array类型 (数组型)
②Object类型 (对象型)
③Function类型 (函数/方法)
以上就是十种JS中的数据类型,如有错误,欢迎指正。
如果本文能帮到你,那么菜狗很开心,大家一起 加油!

JS基础_基本数据类型和引用数据类型

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script type="text/javascript">
 7             
 8             /*
 9              * 基本数据类型
10              *     String Number Boolean Null Undefined
11              * 
12              * 引用数据类型
13              *     Object
14              * 
15              * JS中的变量都是保存到栈内存中的,
16              *         基本数据类型的值直接在栈内存中存储,
17              *         值与值之间是独立存在,修改一个变量不会影响其他的变量
18              * 
19              *         对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间,
20              *         而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用,
21              *         当一个通过一个变量修改属性时,另一个也会受到影响
22              * 
23              */
24             
25             //------------------------------------------------------------------------------------------
26             
27             var a = 123;
28             var b = a;
29             a++;
30             
31             console.log(a);//124
32             console.log(b);//123
33             
34             //--------------------------------------------------
35             
36             var obj = new Object();
37             obj.name = "孙悟空";
38             var obj2 = obj;
39             
40             //修改obj的name属性
41             obj.name = "猪八戒";
42             
43             console.log(obj.name);//猪八戒
44             console.log(obj2.name);//猪八戒
45             
46             //--------------------------------------------------
47             
48             //设置obj2为null
49             obj2 = null; 
50             
51             
52             console.log(obj);//[object Object]
53             console.log(obj2);//null
54             
55             obj = null;
56             console.log(obj);//null
57             
58             //--------------------------------------------------
59             
60             var c = 10;
61             var d = 10;
62             console.log(c == d);//true
63             
64             var obj3 = new Object();
65             var obj4 = new Object();
66             obj3.name = "沙和尚";
67             obj4.name = "沙和尚";
68             
69             console.log(obj3);//[object Object]
70             console.log(JSON.stringify(obj3));//{"name":"沙和尚"}
71             
72             console.log(obj4);//[object Object]
73             console.log(JSON.stringify(obj4));//{"name":"沙和尚"}
74             
75             
76             /*
77              * 当比较两个基本数据类型的值时,就是比较值。
78              * 而比较两个引用数据类型时,它是比较的对象的内存地址,
79              *         如果两个对象是一摸一样的,但是地址不同,它也会返回false
80              */
81             console.log(obj3 == obj4);//false
82             
83             var obj5 = obj3;
84             console.log(obj3 == obj5);//true
85             
86             
87         </script>
88     </head>
89     <body>
90     </body>
91 </html>

 

以上是关于JS数据类型(七种基础,三种引用)的主要内容,如果未能解决你的问题,请参考以下文章

js的数据类型有哪几种

ES6基础入门教程(三)独一无二的数据类型

js基础

JS-判断js数据类型的几种方式

js-20170606-数据类型

JS中的数据类型