JS编程建议——50:正确检测数组类型

简介: 50:正确检测数组类型

建议50:正确检测数组类型
由于数组和对象的数据同源性,导致在JavaScript编程中经常会出现:在必须使用数组时使用了对象,或者在必须使用对象时使用了数组。
选用数组或对象的规则很简单:当属性名是小而连续的整数时,应该使用数组,或者当对属性的位置和排列顺序有要求时,应该使用数组。否则,使用对象。
JavaScript语言对数组和对象的区别是混乱的。typeof运算符检测数组的类型是“object”,这没有什么意义,因此在正确检测数组和对象方面JavaScript没有提供很多的机制。这时可以通过自定义is_ array函数来弥补这个缺陷。
var is_array = function(value) {

return value && typeof value === 'object' && value.constructor === Array;

};
不过,上面函数在识别从不同的窗口(window)或帧(frame)中构造的数组时会失败,要想准确地检测外部数组类型,还需要更进一步地完善该函数。
var is_array = function(value) {

return value &&
typeof value === 'object' &&
value.constructor === Array &&
typeof value.length === 'number' &&
typeof value.splice === 'function' &&
!(value.propertyIsEnumerable('length'));

};
在完善后的函数中,首先要判断这个值是否为真,函数不接受null和其他值为假的值。其次,判断对这个值的typeof运算的结果是否是object。对于对象、数组和null来说,得到的都将是true。接着,判断这个值是否有一个值为数字的length属性,对于数组将总是得到true,而对于对象来说并非如此。接下来,判断这个值是否包含一个splice方法。对于所有数组来说,这又将得到true。最后,判断length属性是否是可枚举的,对于所有数组来说,将得到false,这是对数组最可靠的测试。
不过,使用下面的方法也能够很好地检测数组类型,并且这种方法显得更加简洁。
var is_array = function(value) {

return Object.prototype.toString.apply(value) === '[object Array]';

};

相关文章
|
16天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
21 3
|
1天前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
6 0
|
1天前
|
存储 JavaScript 前端开发
JavaScript 中松散类型的理解
JavaScript 中松散类型的理解
5 1
|
2天前
|
JavaScript 前端开发
JS中运算符的算术、赋值、+、比较(不同类型之间比较)、逻辑
JS中运算符的算术、赋值、+、比较(不同类型之间比较)、逻辑
5 1
|
3天前
|
JavaScript 前端开发 测试技术
在JS编程中常见的编程“套路”或习惯汇总
在当前技术圈快速迭代发展的时代,JavaScript是一种广泛应用于Web开发和移动应用开发的脚本语言,其重要性愈发凸显,尤其是随着技术的不断发展和应用场景的不断扩展,JS编程已经成为了许多开发者必备的技能之一。但是仅仅掌握JS语法和基本知识并不足够,为了写出高质量、可靠性和可维护性的代码,开发者需要掌握一些常见的编程"套路"或习惯,这些套路和习惯能够帮助开发者更好地组织和管理代码,提高开发效率,并减少潜在的错误和问题。在JS编程开发中,有一些常见的编程“套路”或习惯,可以帮助开发者编写高效、可维护且易于理解的代码。让我们来看看其中一些常见的编程“套路”或习惯。那么本文就来分享探讨在JS编程中
24 6
在JS编程中常见的编程“套路”或习惯汇总
|
4天前
|
JavaScript 前端开发
js关于数组的方法
js关于数组的方法
9 0
|
4天前
|
JavaScript 前端开发
js怎么清空数组?
js怎么清空数组?
10 0
|
4天前
|
存储 JavaScript 前端开发
js处理数组的方法
js处理数组的方法
12 2
|
6天前
|
JavaScript 前端开发 C语言
JavaScript编程语法练习
本篇文章是对于javaScript中if ,switch,while ,do-while,,for语法的作业练习.对于我来说也是对自己知识掌握的一种检验.是对js的基础语法进行的一次练习,通过有趣的示例进行练习,使得对于代码能够增加印象,对于知识的掌握更加透彻.
|
11天前
|
JavaScript 前端开发 索引
JavaScript 数组的索引方法数组转换为字符串方法
JavaScript 数组的索引方法数组转换为字符串方法