JavaScript数据类型检测

最新推荐文章于 2024-04-12 17:29:46 发布

、连名带姓

最新推荐文章于 2024-04-12 17:29:46 发布

阅读量46

点赞数

分类专栏： Javascript基础

本文链接：https://blog.csdn.net/supyt/article/details/118281419

版权

Javascript基础专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.数据类型

基本数据类型：

Symbol（ES6新增，表示独一无二的值）、Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）

复杂数据类型：

对象（包括对象、数组、函数等）

两种类型区别：

存储位置不同：基本类型是存储在栈中的简单数据段，复杂数据类型是存储在堆中的对象。
访问方式不同：基本数据类型按值访问，复杂类型按引用访问。

2.使用typeof进行数据类型检测

原始数据：typeof运算符返回以下原始类型之一

String
number
boolean
undefined

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<script>
    console.log(typeof "jay")   // string
    console.log(typeof (7+8))   // number
    console.log(typeof true)   // boolean
    console.log(typeof undefined)   // undefined
</script>
</body>
</html>

复杂数据：运算符可返回以下两种类型之一

function
object（typeof运算符把对象、数组或null返回object）

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<script>
    console.log(typeof null)   // object
    console.log(typeof [])   // object
    console.log(typeof {})   // object
    console.log(typeof function myfunction(){})   // function
</script>
</body>
</html>

2.使用constructor进行数据类型检测

constructor是Object类型的原型属性，它能够返回当前对象的构造器（类型函数等）。利用该属性，可以检测符合型数据的类型，如对象、数组和函数等。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
</head>
<body>
  <script>
    var a = {};
    var b = [];
    if(a.constructor == Object){
      console.log("a是对象");   // a是对象
    }
    if(b.constructor == Array){
      console.log("b是数组")  // b是数组
    }
    if(c.constructor == Function){
      console.log("c是函数")  // c是函数
	}
  </script>
</body>
</html>

undefined和null没有constructor属性，不能够直接读取，否则会抛出异常。因此，一般应先检测值是否为undefined等特殊值，然后在调用constructor属性。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
</head>
<body>
  <script>
    var a = undefined;
    console.log(a && a.constructor);  // undefined
    var b = null;
    console.log(b && b.constructor);  // null
  </script>
</body>
</html>

数值直接量也不能直接读取constructor属性，应该先把它转换为对象再调用。

console.log(1.constructor);   // 抛出异常
console.log((1).constructor);  // 返回Number类型
console.log(Number(10).constructor);  // 返回Number类型

3.使用toString进行数据类型转换

在对象上调用object的原型方法toString(),就会返回统一格式的字符串表示。

a = [];
b = {};
c = function myfuction(){}
console.log(toString.apply(a));  // [object Array]
console.log(toString.apply(b));  // [object Object]
console.log(toString.apply(c));  // [object Function]

、连名带姓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
JavaScript数据类型检测

1.数据类型基本数据类型：Symbol（ES6新增，表示独一无二的值）、Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）复杂数据类型：对象（包括对象、数组、函数等）两种类型区别：存储位置不同：基本类型是存储在栈中的简单数据段，复杂数据类型是存储在堆中的对象。访问方式不同：基本数据类型按值访问，复杂类型按引用访问。2.使用typeof进行数据类型检测原始数据：typeof运算符返回一下原始类型之一Stringnumber
复制链接

扫一扫