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

yizhihongxing

标题: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几种形式的树结构菜单

    下面为大家详细讲解 JavaScript 几种形式的树结构菜单的完整攻略。 什么是树结构菜单 树结构菜单是一种常见的用于网站导航或者分类展示的组件。树结构菜单的特点是可以展开、收起某一层级的菜单,同时高亮显示当前选中的菜单项。在前端开发中,我们可以使用 JavaScript 来实现这种树状结构的菜单。 JavaScript 实现树结构菜单的基本思路 在使用 …

    JavaScript 2023年6月11日
    00
  • js parentElement和offsetParent之间的区别

    js parentElement和offsetParent之间的区别 在使用 JavaScript 操作 DOM(文档对象模型)时,我们经常会遇到 parentElement 和 offsetParent 这两个属性,这两个属性都可以用来访问一个元素的父级元素。虽然它们看起来很相似,但它们有着不同的工作方式和用途。 parentElement parentE…

    JavaScript 2023年6月10日
    00
  • js弹出框、对话框、提示框、弹窗实现方法总结(推荐)

    JS弹出框、对话框、提示框、弹窗实现方法总结 本篇文章将讲解JS弹出框、对话框、提示框、弹窗的实现方法,并提供两个示例以便更好地理解。 弹出框的实现 使用alert()函数 alert()函数是JS提供的一种简单的弹窗实现方式,当需要在浏览器中弹出一些简单的信息提示时可以方便地使用该函数。 alert(‘Hello world!’); 使用confirm()…

    JavaScript 2023年6月11日
    00
  • javascript字符串对象常用api函数小结(连接,替换,分割,转换等)

    下面是详细讲解“JavaScript字符串对象常用API函数小结(连接,替换,分割,转换等)”的完整攻略。 一、JavaScript字符串对象 JavaScript字符串对象是JavaScript中表示字符序列的数据类型,字符串是用于存储和操作文本的任意数量的字符的数据类型。 在JavaScript中,字符串可以使用单引号(’ ‘)或双引号(” “)引起来。…

    JavaScript 2023年5月28日
    00
  • 小程序表单认证布局及验证详解

    小程序表单认证布局及验证详解 背景分析 在小程序中,表单认证(即用户输入的表单信息的验证)是一个比较基础的功能,它能够帮助我们检查用户输入的格式是否正确,从而提高应用的稳定性和友好性。下面是针对小程序表单认证的布局及验证过程的详解。 布局方式 在小程序中,表单通常采用form组件实现。在form内,可以设置多个input组件,每个input组件可能包含一个或…

    JavaScript 2023年6月10日
    00
  • js实现列表自动滚动循环播放

    实现列表自动滚动循环播放,可以通过JS的定时器+无缝滚动来实现。 以下是步骤: 1、创建HTML结构 首先我们要有一个HTML结构来存放我们要用JS来动态生成的滚动列表,例如: <ul id="scrollList"> <li>第1行内容</li> <li>第2行内容</li> …

    JavaScript 2023年6月11日
    00
  • JS基础随笔(菜鸟必看篇)

    下面是关于“JS基础随笔(菜鸟必看篇)”的详细攻略。 简介 “JS基础随笔(菜鸟必看篇)”是一篇介绍JavaScript基础知识的文章,适合初学者阅读,主要包括变量、数据类型、运算符、函数、DOM、事件等内容。文章采用易懂的语言和多个示例帮助读者理解JavaScript的基础概念。 攻略 变量 变量是储存数据的容器,JavaScript中的变量需要通过关键字…

    JavaScript 2023年5月18日
    00
  • javascript html5实现表单验证

    JavaScript HTML5实现表单验证 表单验证是Web应用程序中非常重要的功能,可以帮助我们避免用户输入无效或不正确的数据,提高用户体验和数据准确性。在HTML5中,JavaScript可以轻松实现表单验证而无需从头编写自定义验证规则。 设置HTML5表单验证规则 HTML5中,可以使用各种内置的验证规则来检查表单字段。这些验证规则基于HTML5表单…

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