Course Content

Introduction to JavaScript

1. JavaScript Fundamentals

About JavaScript Understanding JavaScript Syntax Challenge: Console Output in JavaScript Using Comments to Document Code Challenge: Write a Single-Line Comment Challenge: Write a Multi-Line Comment

2. Variables and Data Types in JavaScript

Understanding Variables in JavaScript Challenge: Define the Variable Using const for Constants Exploring JavaScript Data Types Working with null in JavaScript Introduction to Arrays Array Methods and Manipulation Challenge: Perform Array Operations

3. Performing Operations in JavaScript

Understanding Assignment Operators Mathematical Operations in JavaScript Assignment Operators in JavaScript Increment and Decrement Operators Challenge: Variable Operations Practice Comparison Operators in JavaScript Logical Operators Explained Challenge: Compare Variables in JavaScript Concatenating Strings in JavaScript Challenge: Build Sentences with JavaScript

4. Controlling Program Flow with Conditional Statements

Mastering if Statements in JavaScript Using else for Alternative Outcomes Applying else if for Multiple Conditions Challenge: Determine Sizes with Conditionals

5. Looping Through Data in JavaScript

Understanding the while Loop in JavaScript Using the do while Loop for Iteration Challenge: Print Numbers from 5 to 9 Mastering the for Loop in JavaScript Challenge: Console Tigers with Loops Breaking Out of Loops with break Skipping Iterations with continue Challenge: Stop and Skip in Loops

6. Functions in JavaScript

What Are Functions in JavaScript?Defining Functions in JavaScript Challenge: Write a Function – My Name Using Function Arguments Effectively Returning Values from Functions Challenge: Create a Sum Function Course Summary & Next Steps

Array Methods and Manipulation

Arrays are versatile for storing and retrieving data. Retrieving data using square brackets [] is called indexing.

javascript

However, there are various methods available for working with arrays.

Adding Elements

There are different ways to add elements to an array.

Push

The push() method adds a new value to the end of the array:


              1234567
            
let arr = [1, 2, 3];

arr.push(4);
arr.push(5);
arr.push(6);

console.log(arr);

Unshift

The unshift() method works like the push() method, but it inserts the value at the beginning of the array.


              123456
            
let arr = [1, 2, 3];
console.log("Array:", arr);

arr.unshift(222);  // Insert element at the start

console.log("Array:", arr);

Indexing

You can append a new value by indexing:


              123456
            
let arr = [1, 2];

arr[2] = 3;
arr[3] = 4;

console.log(arr);

Indexing allows you to assign a value to a specified index, reassign a previous value, and more:


              12345
            
let arr = [1, 2, 3];

arr[0] = 4;

console.log("Array:", arr);

To create a new element in the array without mistakes, you can use the push(value) method or the arr[arr.length] = value expression:


              12345678910111213
            
let myArray = [];

myArray[myArray.length] = "indexing";
console.log("After first indexing:", myArray);

myArray.push("pushing");
console.log("After first pushing:", myArray);

myArray[myArray.length] = "indexing";
console.log("After second indexing:", myArray);

myArray.push("pushing");
console.log("After second pushing:", myArray);

Deleting Elements

Sometimes, you may need to delete elements from an array. This can be done in different ways.

Pop

The pop() method deletes the last element in an array and allows you to save it to another variable:


              1234567
            
let arr = [11, 22, 33, 44];
console.log("Array:", arr);

let x = arr.pop(); // Remove and save the last element in `arr` to variable `x`

console.log("Popped element:", x);
console.log("Array now:", arr);

Shift

The shift() method works like pop(), but it removes the first element from an array:


              123456789101112
            
let arr = [11, 22, 33, 44, 55, 66];
console.log("Array:", arr);

let popped = arr.pop();  // Remove the last element

console.log("Popped:", popped);
console.log("Array:", arr);

let shifted = arr.shift();  // Remove the first element

console.log("Shifted:", shifted);
console.log("Array:", arr);

1. How can we add an element to the end of the array?

2. How can we remove the last element in the array?

Everything was clear?

Thanks for your feedback!

Section 2. Chapter 7