关闭

Js判断数据类型的三种方法

时间: 2020-11-08阅读: 146标签: 类型

JavaScript目前有两种数据类型:基本数据类型和引用数据类型。

基本数据类型:Undefined、Null、Boolean、String、Number、Symbol(ES6)
引用数据类型:Object

鉴于ECMAScript是松散类型的,需要有方式检测给定变量的数据类型。下面介绍三种检测数据类型的方法。


1、typeof

typeof是一元运算符,放在起单个操作数的前面,操作数可以是任意类型。

typeof "1"; //"string"
typeof 1; //"number"
typeof undefined; //"undefined"
typeof true; //"boolean"
typeof Symbol(); //"symbol"
typeof null; //"object"

 注:Null类型只有一个值是null。null值是表示一个空对象指针,所以typeof null会返回object。


2、instanceof

typeof是检测基本数据类型的得力助手,检测引用类型用途却不大。instanceof通常检测是引用类型。左操作数是待检测其类的对象,右操作数是对象的类。如果左侧的对象是右侧的实例,则返回true,否则返回false。

var d = new Date();// 通过Date()构造函数来创建一个新对象 
d instanceof Date; // true
d instanceof Object; // true,所有的对象都是Object的实例
d instanceof Number; // false

var a = [1, 2, 3];
a instanceof Array; // true
a instanceof Object; // true,所有的数组都是对象
a instanceof String; // false

 想要理解instanceof的工作原理就必须要理解原型链。

以d instanceof Date 为例,js首先计算Date.prototype,然后在原型链中找 d ,如果找到,那d 是Date的一个实例,表达式返回true。如果Date.prototype不在d 的原型链中的话,那d 不是Date的实例,表达式返回false。


3、constructor属性

构造函数是类的公共标识,所以可以使用construct属性来识别对象是否是某个类的方法。

var s = new String();
s.constructor == String; // true

var a = new Array();
a.constructor == Array; // true
站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/9824

关闭

为你的 JavaScript 项目添加智能提示和类型检查

近在做项目代码重构,其中有一个要求是为代码添加智能提示和类型检查。智能提示,英文为 IntelliSense,能为开发者提供代码智能补全、悬浮提示、跳转定义等功能,帮助其正确并且快速完成编码。

JavaScript判断字符串是否为数字类型

JavaScript中有Number.isInteger可以判断一个字符串是否为整数。不过目前JS没有内置的函数来判断一个数字是否为包含小数的数字:

Js基本包装类型

为了能更好的操作基本类型值,JavaScript提供了3个特殊的引用类型:Boolean,Number和String。这些引用类型和传统对象相似,有自己的属性和方法,但也具备各自的特殊行为。

Js的6种基本数据类型

在JS中一共有六种数据类型 String:字符串 Number:数值 Boolean:布尔值 Null:空值 Undefined:未定义 Object:对象 ,其中String,Number,Boolean,Null,Undefined属于基本数据类型而Object属于引用数据类型

JavaScript 基本数据类型和引用类型的区别详解

前两天看到kraaas大神的关于基本数据类型和引用类型的区别的文章觉得写得非常不错,就想着在其基础上加上自己平时看到的一些知识点和理解,所以就有了以下的文章

File、Blob、dataURL 和 canvas 的应用与转换

通常情况下, File 对象是来自用户在一个 input 元素上选择文件后返回的 FileList 对象,也可以是来自由拖放操作生成的 DataTransfer 对象,或者来自 HTMLCanvasElement 上的 mozGetAsFile() API

不同类型值相比较的规则和类型转换、隐式转换

相等运算符(==) 在遇到两个操作数类型不同的时候,要遵守的规则和类型转换 ;如果-个值是null, 另一个是undefined,则它们相等

JavaScript基础之值传递和引用传递

js的值传递和引用(地址)传递:js的5种基本数据类型 number,string,null,undefined,boolean 在赋值传递时是值传递,js的引用数据类型(object,array,function)进行引用传递,其实底层都是对象。

ES6 Set类型

Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。在需要唯一性的场景中,Set使用起来比数组要方便许多,比如添加标签,这个肯定是不重复的,用Set去实现就可以省去重复判断之类的操作,可以专注业务逻辑。

js的类型

基本类型:按值访问,可以操作保存在变量中实际的值;引用类型数据存在堆内存,而引用存在栈区,也就是说引用类型同时保存在栈区和堆区,关于==的执行机制,ECMASript有规范,因为==前后的值交换顺序,返回的值也是一样的,所以在此对规范做出如下总结

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!