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 HTML5 tag is indicated to be used as container for menu with navigation links in Web site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Which CSS property shifts an item horizontally to the left or right of where it was?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Click on the Math object method which returns x, rounded downwards to the nearest integer.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicate the PHP function which returns the number of characters in string.
mb_strlen() count() stristr()
$str = "string with utf-8 chars åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 30
Get and Check variable type in JavaScript

Last accessed pages

  1. Read Excel file data in PHP - PhpExcelReader (68121)
  2. Make HTML elements the same height (810)
  3. Simple Admin Login PHP Script (3110)
  4. Insert, Select and Update NULL value in MySQL (41035)
  5. $_GET, $_POST and $_REQUEST Variables (27414)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (1434)
  2. Tabs effect with CSS (1369)
  3. Contact page - CoursesWeb (1366)
  4. Insert, Select and Update NULL value in MySQL (792)
  5. PHP getElementById and getElementsByTagName (622)