js中判断变量类型函数typeof的用法总结

标题:JS中判断变量类型函数typeof的用法总结

1. typeof函数的介绍

typeof是JavaScript中的一个关键字,用于判断一个变量的类型。它返回一个字符串,表示变量的数据类型。需要注意的是,typeof运算符不是函数,括号可以省略。

普通变量的类型判断:

let a = 1;
console.log(typeof a); // number

对象的类型判断:

let b = {};
console.log(typeof b); // object

2. typeof对于不同的变量类型的返回值

typeof运算符返回的字符串有6种:

  • "undefined":表示未定义的变量。
  • "string":表示字符串。
  • "number":表示数值。
  • "object":表示对象或null。
  • "boolean":表示布尔值。
  • "function":表示函数。

需要注意的是,typeof运算符对于数组、日期、正则表达式和错误对象的返回值都是"object"

3. typeof几个特殊的数据类型

typeof运算符对于以下几个特殊的数据类型会返回不同的值。

3.1 null

let c = null;
console.log(typeof c); // object

值得注意的是,虽然null是一个表示空对象指针的特殊值,但typeof运算符将其认为是"object"类型。这是JavaScript的一个历史遗留问题。

3.2 函数

let d = function() {};
console.log(typeof d); // function

对于函数类型,typeof运算符返回"function"

4. 总结

typeof是JavaScript中判断变量类型的运算符。但需要注意的是,它的返回值并不是所有情况下都是准确的,如数组、日期、正则表达式和错误对象。在接下来的编码过程中,可以通过其他方法来补充typeof的判断。

示例:

function judgeType(variable) {
  if (Array.isArray(variable)) {
    return 'array';
  } else if (variable instanceof Date) {
    return 'date';
  } else if (variable instanceof RegExp) {
    return 'regexp';
  } else if (variable instanceof Error) {
    return 'error';
  } else {
    return typeof variable;
  }
}

console.log(judgeType([])); // array
console.log(judgeType(new Date())); // date
console.log(judgeType(/test/)); // regexp
console.log(judgeType(new Error())); // error

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中判断变量类型函数typeof的用法总结 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • javascript基础——String

    JavaScript基础 – String 什么是String String是JavaScript中的一种基本数据类型,表示文本字符串。可以使用单引号(‘)、双引号(“)或反引号(“`)来表示一个字符串。 字符串的基本操作 字符串的长度 可以使用字符串的length属性来获取该字符串的长度。 const str = ‘hello, world!’; con…

    JavaScript 2023年5月18日
    00
  • JavaScript reduce的基本用法详解

    JavaScript reduce的基本用法详解 reduce() 方法通过指定函数对数组元素进行累积计算,可将数组简化为单个值。它接收一个回调函数作为参数,该回调函数需要返回一个累积的结果。 基本语法 array.reduce(function(total, currentValue, currentIndex, arr), initialValue) 参…

    JavaScript 2023年5月18日
    00
  • 如何使用JavaScript实现无缝滚动自动播放轮播图效果

    以下是使用JavaScript实现无缝滚动自动播放轮播图效果的攻略: 步骤一:准备轮播图的HTML和CSS样式 首先,在HTML中创建轮播图的容器,并添加每张图片和对应的导航点,例如: <div class="slider-container"> <div class="slider-wrapper"…

    JavaScript 2023年6月10日
    00
  • JavaScript中判断为整数的多种方式及保留两位小数的方法

    JavaScript中判断为整数的多种方式及保留两位小数的方法 判断为整数的多种方式 在JavaScript中,判断一个数是否为整数是经常需要用到的操作。下面列出了常见的几种方法: 取模运算 利用数学中取模运算的特性,即整数x对于任意不等于0的正整数y,x%y的结果只可能是0到y-1之间的整数,如果x % 1等于0,则说明它为整数。具体代码如下: funct…

    JavaScript 2023年6月10日
    00
  • DOM 基本方法

    DOM(Document Object Model,文档对象模型)是一套对 HTML 和 XML 文档的编程接口,它把整个文档抽象成一组“节点”和“对象”结构(包括元素、属性、文本等),开发者可以利用 DOM API 对页面进行增删改查等操作。 DOM 的基本方法主要有以下几类: 1. 获取元素对象 getElementById() getElementBy…

    JavaScript 2023年6月10日
    00
  • 深入理解es6块级作用域的使用

    深入理解 ES6 块级作用域的使用攻略 ES6 引入了块级作用域的概念,使用块级作用域可以有效地避免变量提升等问题,提高了代码的可读性和可维护性。本文将深入讲解 ES6 块级作用域的使用,包含以下内容: 块级作用域的概念 如何定义块级作用域 块级作用域的作用 块级作用域的示例 块级作用域的概念 在 ES6 之前,JavaScript 只有全局作用域和函数作用…

    JavaScript 2023年6月11日
    00
  • js判断上传文件类型判断FileUpload文件类型代码

    下面是详细讲解“js判断上传文件类型判断FileUpload文件类型代码”的完整攻略。 1. 判断上传文件类型 在前端上传文件时,通常需要对上传的文件类型进行限制,以保证服务器端能正确处理文件。在JavaScript中,可以通过判断FileInput元素的文件类型来实现对上传文件类型的限制。 具体实现步骤如下: 1.1 获取上传文件的类型 使用File AP…

    JavaScript 2023年5月27日
    00
  • JavaScript DOMContentLoaded事件案例详解

    让我们来详细讲解一下JavaScript DOMContentLoaded事件的完整攻略。 什么是DOMContentLoaded事件? DOMContentLoaded是Document对象的事件,当DOM树加载完成并且CSS和JavaScript文件都已经解析执行完毕之后,就会触发该事件。与load事件不同,DOMContentLoaded事件是在页面的…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部