JavaScript实现数据类型以及数组的判断方法详解

本篇文章讲述了JavaScript如何实现数据类型以及数组的判断大家对JavaScript实现数据类型以及数组的判断不了解的话或者对JavaScript实现数据类型以及数组的判断感兴趣的话那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧!

写在开篇:
昨天面试发现一个十分非常简单的问题竟然没有回答上来,可能也确实是因为太紧张了,感觉被自己蠢哭了。后来想想还是应该认真记录一下,这样才能印象深刻。革命尚未成功,壮实仍需努力!

1. js六大数据类型

number:数字,整数、浮点数等等,string:单引号或者双引号来说明,Boolean:返回true和false,这两个值不一定对应1和0object:对象,可以执行new操作符后跟要创建的对象类型的名称来创建。null:只有一个值得数据类型,逻辑上讲,null值表示一个空对象指针。undefined:未定义,使用var声明变量但未对其初始化时,变量的值就是undefined。

登录后复制

2. 数据类型判断之typeof
typeof可以解决大部分数据类型的判断,其返回值为一个字符串,该字符串说明运算数的类型。

//判断变量num是不是一个数字类型if(typeof num=='number') {    return true;}

登录后复制

返回结果:

var a="hling"; console.log(a); //stringvar a=1; console.log(a); //numbervar a=false; console.log(a); //booleanvar a; console.log(typeof a); //undfinedvar a = null; console.log(typeof a); //objectvar a = document; console.log(typeof a); //objectvar a = []; console.log(a); //objectvar a = function(){}; console.log(typeof a) //function除了可以判断数据类型还可以判断function类型

登录后复制

除了string、number、boolean、undefined这四个类型外,null、object、array返回的都是object类型!!!

对于函数类型返回的则是function,再比如typeof(Date),typeof(eval)等。

立即学习“Java免费学习笔记(深入)”;

3. js判断数组类型的方法

1) instanceof
   instanceof 用于判断一个变量是否某个对象的实例,是一个三目运算式。这个操作符和JavaScript中面向对象有点关系,了解这个就先得了解JavaScript中的面向对象。因为这个操作符是检测对象的原型链是否指向构造函数的prototype对象的。

a instanceof b?alert("true"):alert("false")  //注意b值是你想要判断的那种数据类型,是不是一个字符串,比如Array

登录后复制

例子:var arr = [1,2,3,1]; alert(arr instanceof Array); // true

登录后复制

2) constructor
在W3C定义中的定义:constructor 属性返回对创建此对象的数组函数的引用

var arr = []; arr instanceof Array; // true arr.constructor == Array; //true

登录后复制

判断各种类型的方法是:

console.log("string".constructor == String);console.log((123).constructor == Number);console.log(false.constructor == Boolean);console.log([].constructor == Array);console.log({}.constructor == Object);

登录后复制

通用的方法:

function isArray(object){    return object && typeof object==='object' &&            Array == object.constructor;}

登录后复制

3) 特性判断  
object.isArray() 来判断,目的就是准确地检测一个值是否为数组。IE9+、 Firefox 4+、Safari 5+、Opera 10.5+和Chrome都实现了这个方法。但是在IE8之前的版本是不支持的。

function isArray(object){    return  object && typeof object==='object' &&                typeof object.length==='number' &&              typeof object.splice==='function' &&                 //判断length属性是否是可枚举的 对于数组 将得到false              !(object.propertyIsEnumerable('length'));}

登录后复制

4) Object.prototype.toString.call

Object.prototype.toString.call(value) == '[object Array]'

登录后复制

  以上就是本篇文章的所有内容,大家要是还不太了解的话,可以自己多实现两边就很容易掌握了哦!
相关推荐:
js判断是否是ie浏览器

JS判断数组详细介绍

以上就是JavaScript实现数据类型以及数组的判断方法详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2782650.html

(0)
上一篇 2025年3月8日 16:34:59
下一篇 2025年3月8日 16:35:06

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 几种js实现页面跳转的方法

    本文主要和大家分享几种js实现页面跳转的方法,分别有按钮式、链接式、直接跳转式,希望能帮助到大家。 按钮式: 登录后复制 链接式: 返回上一步”>返回上一步 登录后复制 直接跳转式: window.location.href=&#03…

    编程技术 2025年3月8日
    200
  • js的数组去重实例详解

    js的数组去重的方法有很多,但是今天我们来使用es6的最新的函数来实现更简洁的解决方案。现在要介绍的两种方法都是与es6的新的数据结构set有关,先简单介绍下set。es6 提供了新的数据结构 set。它类似于数组,但是成员的值都是唯一的,…

    编程技术 2025年3月8日
    200
  • JavaScript判断身份证格式是正确

    本篇文章讲述了javascript如何判断身份证格式是正确,大家对javascript判断身份证格式是正确不了解的话或者对javascript判断身份证格式是正确感兴趣的话那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧 1、在开发…

    编程技术 2025年3月8日
    200
  • JS的数组遍历的常用方法实例

    本文主要和大家分享JS的数组遍历的常用方法实例,本文有三种方法,希望能帮助到大家。 第一种:for循环 for(var i=0 , len= arr.length ; i第二种:forEachvar arr=[12,14,15,17,18]…

    编程技术 2025年3月8日
    200
  • JS怎样实现左右两侧菜单添加与移除

    这次给大家带来JS怎样实现左右两侧菜单添加与移除,JS实现左右两侧菜单添加与移除的注意事项有哪些,下面就是实战案例,一起来看一下。 效果图: JS代码    function toRight(l, r, v) { $(“#” + l + “…

    2025年3月8日
    200
  • JS实现定位式导航栏

    这次给大家带来JS实现定位式导航栏,JS实现定位式导航栏的注意事项有哪些,下面就是实战案例,一起来看一下。 完整代码如下: *{margin:0;padding:0;} .nav{width:100%;position:absolute;t…

    编程技术 2025年3月8日
    200
  • JS实现表格中相同单元格合并

    这次给大家带来JS实现表格中相同单元格合并,JS实现表格中相同单元格合并的注意事项有哪些,下面就是实战案例,一起来看一下。 一定要注意如果从list的开始元素循环下去,remove掉一个元素后,有些元素就找不到了或者说不是要找的那个元素,感…

    编程技术 2025年3月8日
    200
  • jackson解析json串时大小写自动转换的方法

    这次给大家带来jackson解析json串时大小写自动转换的方法,jackson解析json串时大小写自动转换的注意事项有哪些,下面就是实战案例,一起来看一下。 问题 楼主碰到的问题是,在实体类和表中定义的某个字段为RMBPrice,首字母…

    2025年3月8日
    200
  • JavaScript初学者不知道的事(一)

    1.1JavaScript简史 在1995年前后,当时世界上的主流带宽为28.8kbps,现在世界平均下载带宽为21.9mbps。当时的网民,每提交一次表单,都需要等待很久才能收到服务器的回应,甚至很可能等了几分钟收到的却是说缺少了某一项。…

    2025年3月8日
    200
  • JavaScript初学者不知道的事(二)

    本文我们主要和大家分享javascript的基本语法和数据类型,当然还是最基础的不过多赘述,希望刚入门的同学还是看一下为好,不是看到这个标题觉得不就是语法和数据类型么,就那么点知识,早就会了。 1关键字和保留字 ECMA-262 描述了一组…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论