Home > Web Front-end > JS Tutorial > JavaScript determines whether an object is an Object or an Array_Basic knowledge

JavaScript determines whether an object is an Object or an Array_Basic knowledge

WBOY
Release: 2016-05-16 18:35:38
Original
1021 people have browsed it

1. typeof operator. For several types of objects such as Function, String, Number, Undefined, etc., he is fully capable, but when it is Array

Copy the code The code is as follows:

var arr=new Array("1","2","3","4","5");
alert(typeof(arr));


You will receive an object answer, which is a bit disappointing.
2.instanceof operator, instanceof operation in JavaScript operator returns a Boolean value indicating whether the object is an instance of a specific class.
Usage method: result = object instanceof class, still the array just now, try it again, well, it returns true successfully.
Copy code The code is as follows:

var arrayStr=new Array("1","2","3","4","5");
alert(arrayStr instanceof Array );


Small summary: It seems that the questions we discussed today have been answered, but in fact, shuttling between multiple frames will cause big problems.

Code
Copy code The code is as follows:

var iframe = document.createElement('iframe' );
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;
var arr = new xArray("1","2" ,"3","4","5");//This writing method is not supported by IE, only FF has
alert(arr instanceof Array); // false
alert(arr. constructor === Array); // false

The return result is two False, which is disappointing.

ECMA-262 writes
Object.prototype.toString( ) When the toString method is called, the following steps are taken:
1. Get the [[Class]] property of this object .
2. Compute a string value by concatenating the three strings “[object “, Result (1), and “]”.
3. Return Result (2)
The above specification defines Object. The behavior of prototype.toString: first, obtain an internal property [[Class]] of the object, and then return a string similar to "[object Array]" as the result based on this property (those who have read the ECMA standard should know that, [[]] is used to represent attributes used internally in the language and not directly accessible from the outside, called "internal attributes"). Using this method, combined with call, we can obtain the internal attributes [[Class]] of any object, and then convert the type detection into string comparison to achieve our purpose. Let’s first take a look at the description of Array in the ECMA standard:
ECMA-262 writes
new Array([ item0[, item1 [,…]]])
The [[Class]] property of the newly constructed object is set to “Array”.
So taking advantage of this, the third method appears.
function isArray(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
} call changes the this reference of toString to the object to be detected and returns The string representation of this object is then compared to see if this string is '[object Array]' to determine whether it is an instance of Array. Maybe you want to ask, why not o.toString() directly? Well, although Array inherits from Object, it will also have a toString method, but this method may be rewritten and fail to meet our requirements, and Object.prototype is the butt of a tiger, and few people dare to touch it, so It can guarantee its "purity" to a certain extent:)
Different from the previous solutions, this method solves the problem of cross-frame object construction very well. After testing, the compatibility of major browsers is also very good, so you can rest assured use. The good news is that many frameworks, such as jQuery, Base2, etc., plan to use this method to implement certain types of special objects, such as arrays, regular expressions, etc., without having to write them ourselves.

In addition, Ext3 has also been written in this way
Copy the code The code is as follows:

isArray : function(v){
return toString.apply(v) === '[object Array]';
}
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template