JavaScript基本/引用数据类型及判断方法

1. 常见的基本/引用数据类型

基本数据类型： Number、String 、Boolean、Null和undefined。基本数据类型是按值访问的，可以直接操作保存在变量中的实际值。
引用数据类型： Object基本上除了基本数据类型都是引用数据类型，如Array、Function、Date、RegExp、Error和自定义封装类等Object类型(根类)。

2. 数据类型的判断

typeof, instanceof, constructor, Object.prototype.toString.call()

typeof: 基本类型大部分都能被准确检测并返回正确的字符串（除了 Null 类型，其返回 object 字符串），而引用类型大部分都不能够被准确检测（除了 Function 类型能够准确返回 function 字符串外，其它的都返回了 object 字符串）。
instanceof: instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。即判断对象是否是某一数据类型（如Array）的实例。只有引用数据类型（Array，Function，Object）被精准判断，其他（数值Number，布尔值Boolean，字符串String）等基本数据类型不能被instanceof精准判断。

2.1 typeof

 console.log(typeof 7); // numberconsole.log(typeof '7'); // stringconsole.log(typeof false); // booleanconsole.log(typeof [false]); // objectconsole.log(typeof function () {}); // functionconsole.log(typeof {}); // objectconsole.log(typeof undefined); // undefinedconsole.log(typeof null); // object

2.2 instanceof

 console.log(7 instanceof Number); // falseconsole.log('7' instanceof String); // falseconsole.log(false instanceof Boolean); // falseconsole.log([] instanceof Array); //trueconsole.log(function () {} instanceof Function); // trueconsole.log({} instanceof Object); // true// undefined is not a constructor// null is not a constructor

2.3 constructor

     console.log((7).constructor === Number); // 全为trueconsole.log(('7').constructor === String); //console.log(false.constructor === Boolean); //console.log((function () {}).constructor === Function); //console.log(({}).constructor === Object); //console.log(([]).constructor === Array); //function Test() {}Test.prototype = new Array();let f = new Test();console.log(f.constructor === Function) // falseconsole.log(f.constructor === Test)  // falseconsole.log(f.constructor === Array)  // true

2.4 Object.prototype.toString.call()

 let too = Object.prototype.toString;console.log(too.call(7)); // [object Number]console.log(too.call('7')); // [object String]console.log(too.call(false)); // [object Boolean]console.log(too.call([])); // [object Array]console.log(too.call({})); // [object Object]console.log(too.call(function () {})); // [object Function]console.log(too.call(undefined)); // [object Undefined]console.log(too.call(null)); // [object Null]

JavaScript基本/引用数据类型及判断方法相关推荐

js基本数据类型及判断方法
js的基本数据类型? 七种,Number String Boolean Null Undefined Bigint symbol 如何判断js的数据类型 ? 引申提问:各自的优缺点和应用场景 1. 判 ...
JavaScript 对象的遍历以及判断方法
遍历对象 var deng = {name: "zhang",sex: 1,weight: 180,__proto__: {lastName: "bing"}} ...
Javascript中引用数据类型
文章目录一.Object 1.1 创建对象的两种简单方式: 1.2 获取对象属性的两种方式二. Array 2.1 JavaScript数组与其他语言不同的地方 2.2 检测数组的几种方法 2.3 ...
【JavaScript】关于基本数据类型和引用数据类型
基本数据类型 JavaScript的基本数据类型有: String-字符串类型 Number-整形-----NaN也属于数值型 Boolean-布尔类型 null undefined-undefine ...
JavaScript中基本数据类型和引用数据类型的区别
1.基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值:基本数据类型和引用数据类型. 基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象. 当我们把变量赋值给一个变 ...
js基本数据类型和引用数据类型有什么区别？
js基本数据类型和引用数据类型有什么区别? 1.基本数据类型和引用数据类型包括哪些? 基本数据类型: 在javascript中,有6种基本数据类型:string.number.boolean.null ...
【C++ 语言】引用数据类型 ( 引用数据类型定义 | 引用数据类型使用 | 引用类型参数 )
文章目录引用类型引用类型引用数据类型 : 1. 引用数据类型定义 : 类型名称& 变量名 = 对应类型变量名称 ; //① 定义普通类型变量int a = 8;//② 定义引用类 ...
（JAVA面试）基本数据类型引用数据类型详解
基本数据类型 byte 1字节 short char 2字节 int float 4字节 double long 8字节引用数据类型引用类型指向一个对象,不是原始值,指向对象的变量是引用变量在j ...
【教3妹学java】2.引用数据类型
2哥:3妹,昨天教你的java基本数据类型掌握了吗? 3妹:掌握了,java有8大基本类型(byte,short,char,int,long,float,double,boolean)-- 2哥:我 ...