The function presented below can be used to get the type of a JavaScript variable, and also, to check if a variable is of a certain type.
Here's the function:

function checkType(obj, type) {
 // coursesweb.net/
 // if type not specified (null), returns a string with the object (obj) type
 if(type == null) return obj.constructor.toString().split(' ')[1].replace(/\(\)/g,'').toLowerCase();
 else {
 //returns true if is it is type, else, false
 if (obj.constructor.toString().match(new RegExp(type, 'i', 'g'))) return true;
 else return false;
 }
}

The function has two parameters: "obj", for the variable (or object) you want to check, and "type", which is a string with the name of the type to test.
If the type of "obj" is the name specified in the "type" parameter, the function returns True, otherwise, returns False.
If no argument specified for "type", the function returns a string with the type of "obj".

Here are some examples.

Get variable type

To get the "obj" type, the second argument ("type") no need to be specified.

// function to check /get obj type
function checkType(obj, type) {
 // if type not specified (null), returns a string with the object (obj) type
 if(type == null) return obj.constructor.toString().split(' ')[1].replace(/\(\)/g,'').toLowerCase();
 else {
 // returns true if is it is type, else, false
 if (obj.constructor.toString().match(new RegExp(type, 'i', 'g'))) return true;
 else return false;
 }
}

var str = 'a string';
var num = 78.5;
var arr = new Array();
var obj = new Object();
var json_array = [7, 8, 'abc'];
var json_object = {'ab': 'xyz', 'arr': [1, 2]};

// display in console the type of each variable created above
console.log( checkType(str) ); // string
console.log( checkType(num) ); // number
console.log( checkType(arr) ); // array
console.log( checkType(obj) ); // object
console.log( checkType(json_array) ); // array
console.log( checkType(json_object) ); // object
- The function returns the type of 'obj' in lowercase string, so, to check the type of a variable, just add for the "type" argument a string with the name of type you want to check.

Check variable type

// function to check /get obj type
function checkType(obj, type) {
 // if type not specified (null), returns a string with the object (obj) type
 if(type == null) return obj.constructor.toString().split(' ')[1].replace(/\(\)/g,'').toLowerCase();
 else {
 // returns true if is it is type, else, false
 if (obj.constructor.toString().match(new RegExp(type, 'i', 'g'))) return true;
 else return false;
 }
}

var str = 'a string';
var num = 78.5;
var arr = new Array();
var obj = new Object();
var json_array = [7, 8, 'abc'];
var json_object = {'ab': 'xyz', 'arr': [1, 2]};

// display console.log with true, or false
console.log( checkType(str, 'string') ); // true
console.log( checkType(num, 'number') ); // true
console.log( checkType(arr, 'array') ); // true
console.log( checkType(obj, 'object') ); // true
console.log( checkType(json_array, 'array') ); // true
console.log( checkType(json_object, 'array') ); // false
Another example, if a variable, "arr" is Array, it writes in page the first item.
// function to check /get obj type
function checkType(obj, type) {
 // coursesweb.net/
 // if type not specified (null), returns a string with the object (obj) type
 if(type == null) return obj.constructor.toString().split(' ')[1].replace(/\(\)/g,'').toLowerCase();
 else {
 // returns true if is it is type, else, false
 if (obj.constructor.toString().match(new RegExp(type, 'i', 'g'))) return true;
 else return false;
 }
}

var arr = ['coursesweb.net', 'javascript', 'course'];

// if arr is Array, writes the first item
if(checkType(arr, 'array')) {
 document.write(arr[0]);
}

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Get and Check variable type in JavaScript

Last accessed pages

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (97493)
  2. Working with HTML attributes in PHP (7654)
  3. Add Text in Canvas from Input text field, as it is Typed (6314)
  4. Contact page - CoursesWeb (27506)
  5. Tabs effect with CSS (28178)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (1586)
  2. Contact page - CoursesWeb (1549)
  3. Tabs effect with CSS (1543)
  4. PHP getElementById and getElementsByTagName (749)
  5. Get Attribute (ID, Class, Name, Title, Src) with jQuery (624)