JavaScript有几种方法判断变量的类型

于 2024-03-25 13:39:28 发布
阅读量240 收藏 5
点赞数 1
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74114605/article/details/136991739
版权

一、typeof

typeof 运算符返回一个字符串，表示操作数的类型。

console.log(typeof 42);   //输出：number

console.log(typeof 'blubber');  //输出：string

console.log(typeof true);   //输出：boolean

console.log(typeof undeclaredVariable);  //输出：undefined

语法：

typeof operand   //operand表示要返回类型的对象或基本类型的表达式。

二、instanceof

 instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

（就是可以判断对象是否为某个构造函数的实例）

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}
//实例对象auto
const auto = new Car('Honda', 'Accord', 1998);

console.log(auto instanceof Car);  //输出：true

console.log(auto instanceof Object);   //输出：true

语法：

object instanceof constructor 
// object ：某个实例对象
// constructor：某个构造函数

 

 

三、Object.protype.toString.call()

使用Object对象的原型方法toString来判断数据类型

  • 优点：可以判断复杂的数据类型，包括数组、正则表达式等
  • 缺点：需要调用Object.protype.toString.call()方法，语法较复杂
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    var a=Object.prototype.toString
    console.log(a.call('abc')); //输出：[object String]
    console.log(a.call(2)); //输出：[object Number]
  </script>
</body>
</html>

四、Array.isArray() 

Array.isArray() 静态方法用于确定传递的值是否是一个数组。

  • 优点：语法简单，只需调用Array.isArray（）方法即可判断。
  • 缺点：只能判断数组类型，有局限性
console.log(Array.isArray([1, 3, 5])); //输出：true

console.log(Array.isArray('[]'));  //输出：false

console.log(Array.isArray(new Array(5)));  //输出：true  

console.log(Array.isArray(new Int16Array([15, 33])));  //输出：false

五、constructor 属性

constructor有两个作用：

  •  判断数据类型
  • 对象实例通过

constructor访问它的构造函数。注意，如果创建一个对象来改变它的原型，constructor就不能来判断数据类型了

  • 优点：语法简单，只需访问变量的constructor属性即可判断。
  • 缺点：当变量被重新赋值时，可能会出现问题，无法判断null和undefined类型
function Fn(){}
Fn.prototype = new Array();
var f = new Fn()
console.log(f.constructor === Fn) //false
console.log(f.constructor === Array) //true

小金子.
关注
JavaScript中判断变量是数组、函数或是对象类型的方法
10-24
JavaScript提供了不同的方法来判断变量的类型，但是每种方法都有其适用场景和限制。 首先，ECMAScript 5引入了一个原生的方法Array.isArray，用于判断一个变量是否为数组。此方法简洁明了，但遗憾的是它在IE9以下的...
javascript判断变量是否有值的方法
10-24
本文将深入探讨几种常见的方法来检测JavaScript变量是否包含有效值。 首先，我们来看一个基本的示例，变量`a`和`b`分别被赋值为`null`和`undefined`，在JavaScript中，这两种情况都被视为没有值： ```javascript ...
JavaScript中判断对象类型的几种方法总结
12-03
我们知道，JavaScript中检测对象类型的运算符有：typeof、instanceof，还有对象的constructor属性： 1) typeof 运算符 typeof 是一元运算符，返回结果是一个说明运算数类型的字符串。如：”number”，”string”，”boolean”，”object”，”function”，”undefined”（可用于判断变量是否存在）。 但 typeof 的能力有限，其对于Date、RegExp类型返回的都是”object”。如： typeof {}; // "object" typeof []; // "object" typeof new Date(
js类型判断
leon90dm的专栏
11-02 2823
js判断变量类型 有2种方法 1.使用typeof 2.使用Variables.Constructor   Example:     function fun(msg)    {                //使用typeof判断        if(typeof msg=="string")        {            alert("使用ty
js判断变量类型的五种方法
热门推荐
u010998803的博客
06-19 3万+
常用的变量类型有11种：Number,String,Boolean,Object,Array,Json,Function,undefined,Null,Date,RegExp,Error1、使用typeof能判断出四种，分别是number，string，boolean，object，剩余的均被检测为object2、使用instanceof，根据instanceof的定义：判断参照对象的protot...
说一说JavaScript有几种方法判断变量的类型？
qq_50852155的博客
12-12 186
说一说JavaScript有几种方法判断变量的类型？
【JavaScript】js中判断变量类型的几种方式
最新发布
qq_2511276124的博客
02-07 1950
在JavaScript中有好几种判断变量类型的方式，此篇主要探讨判断变量类型的几种方式和特点。typeof 运算符返回一个字符串，表示操作数的类型。 参数：特点：适合判断常见的基本类型，引用类型需要做兼容处理才能准确区分。 instanceof instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 可以理解为：某个实例对象（变量）来自于某个构造函数，则返回true,否则返回false。 参数：特点：如果变量值是用new创建的，也可以使用它判断类型。 Ob
JavaScript判断数据类型有几种方法及区别介绍
10-14
在JavaScript中，正确地识别和判断变量的数据类型是编程中不可或缺的一部分。本文将详细介绍JavaScript中判断数据类型的五种主要方法，以及它们之间的区别。 一、`typeof`操作符 `typeof`是一个操作符，用于判断...
【JS Web 前端知识库】8.说一说JavaScript有几种方法判断变量的类型？
LIU_CAN的博客
02-01 158
说一说JavaScript有几种方法判断变量的类型？
Javascript中判断变量是数组还是对象(array还是object)
10-27
怎样判断一个JavaScript变量是array还是obiect，或许有很多初学者对此不是很清楚吧，下面为大家详细解答下，希望对大家有所帮助
js判断变量类型的方法
忧郁的蛋的专栏
06-10 1063
需要注意的是，以上所有方法在判断函数时都会返回 'function'，如果需要精确的函数类型，可以使用 Object.prototype.toString.call() 来获取类型 "[object Function]" 或者使用 Function.name 来获取函数名称。值得注意的是，在判断null时，typeof 和 Object.prototype.toString.call() 都会返回 'object'，而 instanceof 会返回false，此时可以使用。来判断是否是null。
JavaScript判断变量的类型的几种方法
sxww_zyt的博客
09-06 349
基本数据类型：String、Number、Boolean、Null、Undefined、Symbol (ES6)、Bigint (ES10，提供了表示大于最大安全整数之外) 引用数据类型：Object，包括function/array/object typeof：判断基本数据类型，对于引用数据类型除了function返回’function‘，其余全部返回’object'。 　　 ins...
JS——判断变量类型方法汇总
weixin_52148548的博客
04-12 3341
判断变量类型一、使用typeof判断变量类型二、使用instanceof判断变量的类型三、使用constructor判断变量的类型四、使用Object.prototype.toString.call判断变量的类型五、使用jquery中$.type判断变量的类型。六、总结 在JS中，有 5 种基本数据类型和 1 种复杂数据类型. 基本数据类型有：Undefined, Null, Boolean, Number和String； 复杂数据类型是Object，Object中还细分了很多具体的类型，比如：Array,
判断javascript变量类型的种种方法比较
若谷闻说前端
03-14 430
1.  typeof 只能区分出Number，String，Boolean,function,Object等几个原始类型，而date，array，object，regExp，func都是Object 2.  instanceof 不能用在Number，String，Boolean上，只能用来判断Object类型具体是date，array，object，regExp，func中的哪种 3.  c
js如何判断一个变量的具体类型
qq_44369304的博客
09-25 232
js如何判断一个变量的具体类型 思路： typeof 可以返回变量的类型的字符串，但是要注意typeof 不能具体判断出Array，Function，null，object，它们的返回值都是‘object’ 。 所以要注意区别出这几个类型，可以使用instanceof 或者‘===’方法进行进一步细化判断。 function clearify (x){ if(typeof x === 'object'){ if(x === Array){ //x
一篇搞懂JavaScript 判断类型的几种方法
西木的博客
08-20 396
1. instanceof instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。 语法 object instanceof constructor 参数 object 某个实例对象 constructor 某个构造函数 从它的语法上就能看出，它是根据 构造器函数 来判断类型的，且它只支持 对象 的判断 也就是说它无法判断以下情况 let number = 123 let string = '123' let bool = true console.
JavaScript 判断变量的类型的方法
m0_61696809的博客
02-27 1258
方法是一个很强大的方法，它可以识别出所有的数据类型，并且返回类型的字符串标识，如 “[object Number]”、“[object String]”、“[object Array]” 等。运算符是一个比较特殊的方法，它可以判断一个变量是否是某个构造函数的实例，因此能够很好地识别出数组、日期、正则表达式等类型。在实际开发中，我们可以根据需要选择不同的方法来判断变量的类型，如果需要识别所有的数据类型，则可以使用。以上是 JavaScript 中判断变量类型的几种方法，使用不同的场景需要使用不同的方法。
判断js中的数据类型的几种方法
konghouy的博客
05-18 536
一、概述 判断js中的数据类型有一下几种方法：typeof、instanceof、 constructor、Object.prototype.toString。这篇文章来分析一下这几种方式底层原理，比较一下他们的区别。 二、typeof typeof 是最常用的判断数据类型的方法，我们可以利用 typeof 来判断number, string, object, boolean, function,...
JavaScript有几种判断类型的方法
09-16
JavaScript 有以下几种判断类型的方法： 1. if 语句：if 语句是 JavaScript 中最基本的条件判断语句，它用于判断一个条件是否成立，如果条件成立，则执行其中的语句。if 语句的语法格式如下： ``` if (condition) ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值