数据类型学会你就无敌了

34次阅读

共计 1935 个字符,预计需要花费 5 分钟才能阅读完成。

基本的数据类型
基本的数据类型有:undefined,boolean,number,string,null基本类型的访问是按值访问的,就是说你可以操作保存在变量中的实际的值。

引用数据类型
js 的引用数据类型也就是对象类型Object,比如:Object、array、function、data 等;

如何区分是什么类型的

1. 使用 typeof 操作符。

(1) undefined:如果这个值未定义

(2) boolean:如果这个值是布尔值

(3) string:如果这个值是字符串

(4) number:如果这个值是数值

(5) object:如果这个值是 对象 null

(6) function:如果这个值是函数

需要注意:typeof 不适合用于判断是否为数组。当使用 typeof 判断数组和对象的时候,都会返回 object。

可以使用 isArray()来判断是否为数组。

    var str=""
    var str1=typeof(str);

    console.log(str1)//"string"

2. instanceof

instanceof 运算符用来判断一个构造函数的 prototype 属性所指向的对象是否存在另外一个要检测对象的原型链上。需要区分大小写。

简单的来说,instanceof 用于判断一个变量是否某个对象的实例。

    var arr = new Array( );
    console.log(arr instanceof Array);// 返回 true

需要注意的是,instanceof 只能用来判断对象和函数,不能用来判断字符串和数字等。判断它是否为字符串和数字时,只会返回 false

 3. constructor

constructor 属性返回对创建此对象的数组函数的引用。

在 JavaScript 中,每个具有原型的对象都会自动获得 constructor 属性。

以下代码中的[native code],表示这是 JavaScript 的底层内部代码实现,无法显示代码细节。
`
// String
var str = “ 字符串 ”;
alert(str.constructor); // function String() { [native code] }
alert(str.constructor === String); // true // Array
var arr = [1, 2, 3];
alert(arr.constructor); // function Array() { [native code] }
alert(arr.constructor === Array); // true // Number
var num = 5;
alert(num.constructor); // function Number() { [native code] }
alert(num.constructor === Number); // true


### 4\. prototype

  以上三种方法多少都会有一些不能判断的情况。为了保证兼容性,可以通过 **Object.prototype.toString** 方法,判断某个对象值属于哪种内置类型。需要注意区分大小写。```
alert(Object.prototype.toString.call(“字符串”) ===‘\[object String\]’) -------> true;
alert(Object.prototype.toString.call(123) \===‘\[object Number\]’) -------> true;
alert(Object.prototype.toString.call(\[1,2,3\]) \===‘\[object Array\]’) -------> true;
alert(Object.prototype.toString.call(new Date()) \===‘\[object Date\]’) -------> true;
alert(Object.prototype.toString.call(function a(){}) \===‘\[object Function\]’) -------> true;
alert(Object.prototype.toString.call({}) \===‘\[object Object\]’) -------> true;
 
 ```
 ** 小编不易,如有收获,微信赏小编喝杯娃哈哈 **  
![image.png](https://segmentfault.com/img/bVbFMvF "image.png")

** 单身狗的 葵花宝典,撩妹必备 敬请关注!**  
![image.png](https://segmentfault.com/img/bVbFMnt "image.png")

正文完
 0