脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 判断数组类型

浅谈js数据类型判断与数组判断

 更新时间：2016年08月29日 11:17:38   投稿：jingxian  
下面小编就为大家带来一篇浅谈js数据类型判断与数组判断。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

写在开篇：

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

1. js六大数据类型

number：数字，整数、浮点数等等，

string：单引号或者双引号来说明，

Boolean：返回true和false，这两个值不一定对应1和0

object：对象，可以执行new操作符后跟要创建的对象类型的名称来创建。

null：只有一个值得数据类型，逻辑上讲，null值表示一个空对象指针。

undefined：未定义，使用var声明变量但未对其初始化时，变量的值就是undefined。

2. 数据类型判断之typeof

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

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

返回结果：

var a="hling"; console.log(a); //string
var a=1; console.log(a); //number
var a=false; console.log(a); //boolean
var a; console.log(typeof a); //undfined

var a = null; console.log(typeof a); //object
var a = document; console.log(typeof a); //object
var a = []; console.log(a); //object

var a = function(){}; console.log(typeof a) 
//function除了可以判断数据类型还可以判断function类型

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

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

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数据类型判断与数组判断就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • javascript实现点击按钮切换图片

    javascript实现点击按钮切换图片

    这篇文章主要为大家详细介绍了javascript实现点击按钮切换图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 支付宝小程序从手动埋点到自动埋点的实现过程

    支付宝小程序从手动埋点到自动埋点的实现过程

    埋点的意思是在你想要的数据节点出进行设置,可以方便进行采集,下面这篇文章主要给大家介绍了关于支付宝小程序从手动埋点到自动埋点的相关资料,需要的朋友可以参考下
    2022-03-03
  • 如何用JS判断数组中是否存在某个值或者某个对象的值

    如何用JS判断数组中是否存在某个值或者某个对象的值

    数组是我们编程中经常使用的的数据结构之一,在处理数组时，我们经常需要在数组中查找特定的值,下面这篇文章主要给大家介绍了关于如何用JS判断数组中是否存在某个值或者某个对象的值的相关资料,需要的朋友可以参考下
    2023-01-01
  • JavaScript reduce方法使用方法介绍

    JavaScript reduce方法使用方法介绍

    Reduce是个纯函数，即只要传入相同的参数，每次都应返回相同的结果。不要把和处理数据无关的代码放在Reduce里，让Reduce保持纯净，只是单纯地执行计算，这篇文章主要介绍了Redux拆分reduce函数流程
    2022-10-10
  • JS前端笔试题分析

    JS前端笔试题分析

    这篇文章主要介绍了JS前端笔试题,结合实例形式分析了javascript字符串、数组及日期操作相关技巧,需要的朋友可以参考下
    2016-12-12
  • 原生js+cookie实现购物车功能的方法分析

    原生js+cookie实现购物车功能的方法分析

    这篇文章主要介绍了原生js+cookie实现购物车功能的方法,结合实例形式分析了javascript结合cookie存储实现购物车功能的相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • bootstrap中使用google prettify让代码高亮的方法

    bootstrap中使用google prettify让代码高亮的方法

    使用google prettify 让代码高亮非常漂亮，接下来通过本文给大家介绍bootstrap中使用google prettify让代码高亮的方法，感兴趣的朋友一起看看吧
    2016-10-10
  • JS中类或对象的定义说明

    JS中类或对象的定义说明

    本篇文章主要是对JS中类或对象的定义进行了说明介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-03-03
  • script标签中的defer和async使用技巧说明

    script标签中的defer和async使用技巧说明

    这篇文章主要介绍了script标签中的defer和async使用技巧,包含他们的下载顺序和执行顺序，以及使用场景需要的朋友可以参考下
    2023-02-02
  • 文本框input聚焦失焦样式实现代码

    文本框input聚焦失焦样式实现代码

    文本框input聚焦失焦样式实现代码，需要的朋友可以参考下
    2012-10-10

最新评论