Techoceanhub logo

Variables and Data Types

In JavaScript, variables are used to store data, which can be of different types. Here is an overview of the various data types and how to work with variables in JavaScript, along with examples.

1. Variables

In JavaScript, you can declare variables using var, let, and const.

  • var: The oldest way to declare variables. It has function scope and can be re-assigned.
  • let: Introduced in ES6, it has block scope and can be re-assigned.
  • const: Introduced in ES6, it has block scope and cannot be re-assigned.

Examples:

// Using var
var x = 10;
x = 20;  // This is allowed

// Using let
let y = 30;
y = 40;  // This is allowed

// Using const
const z = 50;
// z = 60;  // This will cause an error

2. Data Types

JavaScript supports various data types, including:

  • Primitive Data Types: String, Number, Boolean, Undefined, Null, Symbol, BigInt
  • Reference Data Types: Objects, Arrays, Functions

Primitive Data Types:

  1. String: Represents textual data
let name = "John Doe";
console.log(typeof name);  // "string"

Number: Represents both integer and floating-point numbers

let age = 25;
let pi = 3.14;
console.log(typeof age);  // "number"
console.log(typeof pi);   // "number"

Boolean: Represents logical entities, true or false

let isStudent = true;
console.log(typeof isStudent);  // "boolean"

Undefined: A variable that has not been assigned a value

let notAssigned;
console.log(typeof notAssigned);  // "undefined"

Null: Represents the intentional absence of any object value

let emptyValue = null;
console.log(typeof emptyValue);  // "object" (this is a known quirk in JavaScript)

Symbol: A unique and immutable primitive value

let symbol1 = Symbol('description');
console.log(typeof symbol1);  // "symbol"

BigInt: Represents whole numbers larger than 2^53 – 1

let bigNumber = BigInt(123456789012345678901234567890);
console.log(typeof bigNumber);  // "bigint"

Reference Data Types:

  1. Object: A collection of key-value pairs
let person = {
  name: "Alice",
  age: 30
};
console.log(typeof person);  // "object"

Array: An ordered list of values

let numbers = [1, 2, 3, 4, 5];
console.log(typeof numbers);  // "array"

Function: A block of code designed to perform a particular task

function greet() {
  console.log("Hello, world!");
}
console.log(typeof greet);  // "function"

Example Combining Variables and Data Types:


let name = "John";      // String
let age = 25;           // Number
let isStudent = false;  // Boolean
let notAssigned;        // Undefined
let emptyValue = null;  // Null
let person = {          // Object
  name: "Jane",
  age: 22
};
let numbers = [1, 2, 3];  // Array
let greet = function() {  // Function
  console.log("Hello!");
};

// Output the types
console.log(typeof name);        // "string"
console.log(typeof age);         // "number"
console.log(typeof isStudent);   // "boolean"
console.log(typeof notAssigned); // "undefined"
console.log(typeof emptyValue);  // "object"
console.log(typeof person);      // "object"
console.log(typeof numbers);     // "arr"
console.log(typeof greet);       // "function"

In summary, understanding variables and data types in JavaScript is fundamental to writing effective code. Different variable declarations (var, let, const) offer different scoping rules, and JavaScript supports a variety of data types, each with its own use cases and behaviors.

Share:

Categories

Archives

Related Posts

Array Destructuring

Array Destructuring Array destructuring is a powerful syntax introduced in ES6 that allows you to unpack elements from an array

Read More »

Explore our Affiliated partner links

hostgator website plan

Hostgator

Best Website hosting plans & Best for 24/7 support.

hostinger webhosting plan

Hostinger

Reasonable website hosting packages for small business & 24/7 Email support

Elementor pro

Design Worpdress website quickly using Elementor Builder and AI

buy elementor website templates

Buy Elementor Website Template

Buy ready made Elementor Website Template from us & Get Free Elementor pro licence for 1 year .