js中typeof的用法汇总

yizhihongxing

JavaScript 中 typeof 的用法汇总

在 JavaScript 中,typeof 是一个常用的运算符,用于返回给定变量或表达式的数据类型。以下是 typeof 的使用方式及其返回值汇总。

typeof 运算符

typeof 运算符用于返回一个表示给定变量/表达式的数据类型的字符串。它采取以下形式:

typeof operand

operand 是要检查其数据类型的变量或表达式。以下是 typeof 运算符可能返回的字符串,以及对应的数据类型:

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

值得注意的是,尽管 null 被认为是对象,但 typeof null 返回的是 "object"

下面看两个例子,来看一下 typeof 的用法。

示例一

let arr = [1, 2, 3];
let obj = { name: 'Bob', age: 20 };
let fn = function() {};

console.log(typeof arr); // 输出:object
console.log(typeof obj); // 输出:object
console.log(typeof fn); // 输出:function

上面这段代码中,typeof arrtypeof obj 都返回了 "object",这是因为 arrobj 都是对象,而 typeof fn 返回了 "function",因为 fn 是个函数。

示例二

let isTrue1 = true;
let isTrue2 = 'true';
let str = 'hello world';
let num = 123;
let obj = {};

console.log(typeof isTrue1); // 输出:boolean
console.log(typeof isTrue2); // 输出:string
console.log(typeof str); // 输出:string
console.log(typeof num); // 输出:number
console.log(typeof obj); // 输出:object

上面这段代码中,typeof isTrue1 返回了 "boolean",而 typeof isTrue2 返回了 "string",这是因为 isTrue1 是布尔值,而 isTrue2 是字符串。对于 typeof strtypeof num,它们都返回了自己的数据类型,即 "string""number",而 typeof obj 返回了 "object",因为 obj 是个空对象。

更多关于 typeof 的用法和细节可以参考 MDN 的文档

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中typeof的用法汇总 - Python技术站

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

相关文章

  • javascript中10个正则表达式使用介绍基础篇

    JavaScript中10个正则表达式使用介绍基础篇 正则表达式是一种用来匹配字符串模式的工具。在JavaScript中,可以使用正则表达式来对字符串进行匹配、搜索、替换等操作。 本篇攻略将为大家介绍JavaScript中10个常用的正则表达式,让你快速理解和掌握正则表达式的基础知识。 1. 匹配字符 1.1 匹配数字 \d是匹配任意数字的元字符。例如,\d…

    JavaScript 2023年6月10日
    00
  • Java实战之城市多音字处理

    Java实战之城市多音字处理,可以通过以下步骤完成: 1. 构建多音字字典 首先,我们要构建一个多音字字典,将城市名中的多音字进行转换。常见的多音字有:重、长、佛、青、才等。本例中以“重庆”为例,其多音字为“重”,需进行转换。我们可以在程序中使用HashMap或者Trie树等数据结构,将多音字与其所有发音对应起来,为后续的处理做准备。 示例代码: Map&l…

    JavaScript 2023年5月28日
    00
  • javaScript字符串工具类StringUtils详解

    JavaScrip字符串工具类StringUtils详解 什么是StringUtils? StringUtils是一种JavaScript字符串操作工具类,它提供了一系列操作字符串的方法,方便我们在开发中对字符串进行处理。 使用方法 安装 可以使用npm进行安装,命令为: npm install string-utils 引入 需要在JavaScript代码…

    JavaScript 2023年5月28日
    00
  • JavaScript如何删除对象的某个属性详析

    让我来详细讲解一下“JavaScript如何删除对象的某个属性”。 1. 删除对象属性的方法 JavaScript提供了两种方法来删除对象的某个属性: 1.1 delete操作符 delete操作符可以删除对象的属性,语法如下: delete object.property; 其中,object是待删除属性的对象,property是待删除的属性名。例如: v…

    JavaScript 2023年6月10日
    00
  • 一些主流JS框架中DOMReady事件的实现小结

    下面我介绍一下“一些主流JS框架中DOMReady事件的实现小结”的完整攻略。 标题 概述 文档对象模型(DOM)由浏览器创建,表示网页的结构。DOM Ready(文档已准备就绪)是在页面加载完成后,但在所有图像和外部资源完成加载和处理之前运行的代码的事件。 在浏览器解析DOM、CSS,执行脚本、布局和绘制期间,大多数浏览器都支持两个事件:load 和 DO…

    JavaScript 2023年6月10日
    00
  • JavaScript验证Email(3种方法)

    JavaScript验证Email(3种方法) 什么是Email? Email又称电子邮件,是一种利用计算机网络提供的电子信箱来交换电子邮件(简称邮件)的通信方式。Email具有传输快捷、费用低廉、传递资料范围广泛、信息安全性好、随时随地都可以阅读等特点。 为什么需要验证Email? 在许多场合中,Email是身份验证、信息传递和通信的必要手段。但是,一些用…

    JavaScript 2023年5月19日
    00
  • js实现图片轮播效果学习笔记

    下面是“js实现图片轮播效果学习笔记”的详细攻略。 什么是图片轮播效果? 图片轮播效果是一种常见的前端交互效果,它通常被用于网站首页的展示或者是产品推广的页面。通常,图片轮播效果由若干张图片组成,图片会在页面上自动进行轮播,并提供一些控制按钮供用户手动切换图片。 实现图片轮播效果的基本步骤 实现图片轮播效果的基本步骤大致如下: 编写HTML和CSS代码,实现…

    JavaScript 2023年6月11日
    00
  • JS实现使用POST方式发送请求

    JS实现使用POST方式发送请求的步骤如下: 创建一个XMLHttpRequest对象 在发送POST请求之前,需要先创建一个XMLHttpRequest对象。可以使用以下代码创建: let xhr = new XMLHttpRequest(); 设置请求的处理函数 在发送实际的请求之前,需要先设置请求的处理函数。这些函数在请求的不同阶段会被自动调用。可以使…

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