JavaScript Data

# JavaScript Data Types

« Previous
Next Chapter »

String, Number, Boolean, Array, Object.

## JavaScript Data Types

JavaScript variables can hold many data types: numbers, strings, arrays, objects and more:

var length = 16; // Number
var lastName = "Johnson"; // String
var cars = ["Saab", "Volvo", "BMW"]; // Array
var x = {firstName:"John", lastName:"Doe"}; // Object

## The Concept of Data Types

In programming, data types is an important concept.

To be able to operate on variables, it is important to know something about the type.

Without data types, a computer cannot safely solve this:

var x = 16 + "Volvo"

Does it make any sense to add "Volvo" to sixteen? Will produce an error or a result?

JavaScript will treat it as:

## Example

var x = "16" + "Volvo"
Try it yourself »

| If one operand is a string, JavaScript will treat all operands as strings.

## JavaScript Has Dynamic Types

JavaScript has dynamic types. This means that the same variable can be used as different types:

## Example

var x; // Now x is undefined
var x = 5; // Now x is a Number
var x = "John"; // Now x is a String

## JavaScript Strings

A string (or a text string) is a series of characters like "John Doe".

Strings are written with quotes. You can use single or double quotes:

## Example

var carName = "Volvo XC60"; // Using double quotes
var carName = 'Volvo XC60'; // Using single quotes

You can use quotes inside a string, as long as they don't match the quotes surrounding the string:

## Example

var answer = "It's alright"; // Single quote inside double quotes
var answer = "He is called 'Johnny'"; // Single quotes inside double quotes
var answer = 'He is called "Johnny"'; // Double quotes inside single quotes
Try it yourself »

You will learn more about strings later in this tutorial.

## JavaScript Numbers

JavaScript has only one type of numbers.

Numbers can be written with, or without decimals:

## Example

var x1 = 34.00; // Written with decimals
var x2 = 34; // Written without decimals

Extra large or extra small numbers can be written with scientific (exponential) notation:

## Example

var y = 123e5; // 12300000
var z = 123e-5; // 0.00123
Try it yourself »

You will learn more about numbers later in this tutorial.

## JavaScript Booleans

Booleans can only have two values: true or false.

## Example

var x = true;
var y = false;

Booleans are often used in conditional testing.

You will learn more about conditional testing later in this tutorial.

## JavaScript Arrays

JavaScript arrays are written with square brackets.

Array items are separated by commas.

The following code declares (creates) an array called cars, containing three items (car names):

## Example

var cars = ["Saab", "Volvo", "BMW"];
Try it Yourself »

Array indexes are zero-based, which means the first item is [0], second is [1], and so on.

You will learn more about arrays later in this tutorial.

## JavaScript Objects

JavaScript objects are written with curly braces.

Object properties are written as name:value pairs, separated by commas.

## Example

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Try it Yourself »

The object (person) in the example above has 4 properties: firstName, lastName, age, and eyeColor.

You will learn more about objects later in this tutorial.

## The typeof Operator

You can use the JavaScript typeof operator to find the type of a JavaScript variable:

## Example

typeof "John" // Returns string
typeof 3.14 // Returns number
typeof false // Returns boolean
typeof [1,2,3,4] // Returns object
typeof {name:'John', age:34} // Returns object
Try it yourself »

| In JavaScript, an array is a special type of object. Therefore typeof [1,2,3,4] returns object.

## Undefined

In JavaScript, a variable without a value, has the value undefined. The typeof is also undefined.

## Example

var person; // The value is undefined, the typeof is undefined
Try it Yourself »

You will learn more about undefined later in this tutorial.

## Empty Values

An empty value has nothing to do with undefined.

An empty string variable has both a value and a type.

## Example

var car = ""; // The value is "", the typeof is string
Try it Yourself »
« Previous
Next Chapter »

### WEB HOSTING

UK Reseller Hosting

### WEB BUILDING

FREE Website BUILDER Free HTML5 Templates

### W3SCHOOLS EXAMS

HTML, CSS, JavaScript, PHP, jQuery, XML, and ASP Certifications

### SHARE THIS PAGE

### Color Picker

### HTML/CSS

HTML Tutorial HTML5 Tutorial CSS Tutorial CSS3 Tutorial Bootstrap Tutorial

### JavaScript

JavaScript Tutorial jQuery Tutorial jQuery Mobile Tutorial AngularJS Tutorial AJAX Tutorial JSON Tutorial

### Graphics

Canvas Tutorial SVG Tutorial Google Maps Tutorial

### Server Side

SQL Tutorial PHP Tutorial ASP Tutorial ASP.NET Tutorial VBScript Tutorial AppML Tutorial

### Web

Web Building Web Statistics Web Certification

### XML

XML Tutorial DTD Tutorial Schema Tutorial XML DOM Tutorial XPath Tutorial XSLT Tutorial XQuery Tutorial XSL-FO Tutorial RSS Tutorial WSDL Tutorial

### HTML/CSS

HTML Tag Reference HTML Event Reference HTML Color Reference CSS 1,2,3 Reference Bootstrap Reference

### JavaScript

JavaScript Reference HTML DOM Reference jQuery Reference jQuery Mobile Reference Google Maps Reference

### Server Side

PHP Reference SQL Reference ASP Reference VBScript Reference Razor Reference ASP.NET Reference

### XML

XML DOM Reference XSLT Reference XSL-FO Reference XPath Reference XQuery Reference Schema Reference RSS Reference SVG Reference

### HTML Charsets

HTML Character Sets HTML ASCII HTML ANSI HTML Windows-1252 HTML ISO-8859-1 HTML Symbols HTML UTF-8

### HTML/CSS

HTML Examples CSS Examples

### Browser Scripting

JavaScript Examples HTML DOM Examples jQuery Examples jQuery Mobile Examples AngularJS Examples AJAX Examples

### Server Scripting

PHP Examples ASP Examples VBScript Examples Razor Examples .NET Examples

### XML Languages

XML Examples DTD Examples XML DOM Examples XSL Examples XSLT Examples XPath Examples XQuery Examples Schema Examples RSS Examples SVG Examples