iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >js中各种数据类型检测和判定的实战示例
  • 958
分享到

js中各种数据类型检测和判定的实战示例

摘要

目录介绍准备目标测试用例代码使用总结 介绍 在前端开发中,js 有各种各样的数据类型,数据类型检测是每个开发者都必须掌握基础知识。数据类型检测的方法也有很多种,本题将封装一

介绍

前端开发中,js 有各种各样的数据类型,数据类型检测是每个开发者都必须掌握基础知识。数据类型检测的方法也有很多种,本题将封装一个通用的数据类型检测函数。

准备

本题已经内置了初始代码,打开实验环境,目录结构如下:

.
└── main.js

其中:
main.js 是待补充代码的 js 文件。
在 main.js 文件中封装好方法以后,可以尝试在该文件中手动调用已经封装好的方法,通过命令 node main.js 来执行文件,打印对应的日志

目标

完善 main.js 中 getType 函数中的 TODO 部分,返回传入值的对应数据类型。

传入值以及 getType 函数返回值(大小写可忽略)按照如下方式对应:

传入值 返回值
‘s’ string
0 number

传入值返回值
falseboolean
undefinedundefined
Symbol()symbol
function fn(){}function
123nbigint
nullnull
{}object
[]array
new Datedate
new Mapmap
new Setset
/a/regexp

测试用例

// 示例
const testArr = [
  "s",
  0,
  false,
  undefined,
  Symbol(),
  function () {},
  123n,
  null,
  {},
  [],
  new Date(),
  new Map(),
  new Set(),
  /a/,
];
const result = testArr.map((item) => getType(item));
console.log("得到的结果:", result);

值得注意的是需要我们区别typeof与instanceof的用法。instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。关于原型链请自行学习,这里不过多解释。typeof返回的是一个字符串,具体用法请见代码。typeof只能检测出图中的8种类型。并且你如果使用typeof检测 null、Date、RegExp、Error都会返回为object类型。所以最好使用instanceof检测

代码


 function getType(data) {
  // TODO:待补充代码
    if(typeof data=="String"){
      return 'string';
    }else if( typeof data=="number"){
      return "number"
    }else if(typeof data== "boolean"){
      return "boolean"
    }else if(typeof data=="undefined"){
      return "undefined"
    }else if(typeof data== "function"){
      return "function"
    }else if(typeof data=== "symbol"){
      return "symbol"
    }
    else if(typeof data== "bigint"){
      return "bigint"
    }else if( data=== null){
      return "null"
    }else if(Array.isArray(data)){
      return "array"
    }else if(data instanceof Date){
      return "date"
    }else if(data instanceof RegExp){
      return "regExp"
    }
    else if(data instanceof Map){
      return "map"
    }else if(data instanceof Set){
      return "set"
    }
    else if(typeof data=="string"){
      return "string"
    }else if(typeof data=="object"){
      return "object"
    }
}

const testArr = [
  "s",
  0,
  false,
  undefined,
  Symbol(),
  function () {},
  123n,
  null,
  {},
  [],
  new Date(),
  new Map(),
  new Set(),
  /a/,
];
  const result = testArr.map((item) => getType(item));
console.log("得到的结果:", result);
module.exports = {
  getType
}

使用

可以把代码复制到一个js文件中。在终端运行node 文件名.js即可。测试结果如下,结果是从左往右开始读,然后下一行

总结 

到此这篇关于js中各种数据类型检测和判定的文章就介绍到这了,更多相关js数据类型检测和判定内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: js中各种数据类型检测和判定的实战示例

本文链接: https://www.lsjlt.com/news/171103.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作