[Go to site: main page, start]
Scribd
Upload
6 views4 pages

JavaScript Arrays

The document provides an overview of JavaScript arrays, including their creation, methods, and usage with loops and functions. It covers array manipulation techniques such as adding, removing, and accessing elements, as well as practical applications like finding even numbers and calculating averages. Additionally, it includes tasks and a mini project to reinforce understanding of arrays in JavaScript.

Uploaded by

muhammadamjad.cs
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views4 pages

JavaScript Arrays

The document provides an overview of JavaScript arrays, including their creation, methods, and usage with loops and functions. It covers array manipulation techniques such as adding, removing, and accessing elements, as well as practical applications like finding even numbers and calculating averages. Additionally, it includes tasks and a mini project to reinforce understanding of arrays in JavaScript.

Uploaded by

muhammadamjad.cs
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Arrays in JavaScript

Objectives:
- Understand JavaScript arrays
- Apply array methods
- Use arrays with loops and functions

What is an Array?

An array is a special variable that can store multiple values in a single variable.

Instead of:

let a = 10;
let b = 20;
let c = 30;

Use an array:

let numbers = [10, 20, 30];

Experiment 1: Creating Arrays


Code:
let fruits = ["Apple", "Banana", "Mango"];

Experiment 2: Array Methods


Code:
[Link]("Orange");
[Link]();

Experiment 3: Looping Arrays


Code:
for(let i=0;i<[Link];i++){
[Link](fruits[i]);
}

Method 1: Using Square Brackets (Most Common)


let fruits = ["Apple", "Banana", "Mango"];

Method 2: Using Array Constructor


let cars = new Array("Honda", "Toyota", "BMW");
Accessing Array Elements

Array index starts from 0.

let fruits = ["Apple", "Banana", "Mango"];

[Link](fruits[0]); // Apple
[Link](fruits[2]); // Mango

Modifying Array Elements


fruits[1] = "Orange";
[Link](fruits); // ["Apple", "Orange", "Mango"]

Array Length
[Link]([Link]); // 3

Common Array Methods

push() – Add at end


[Link]("Grapes");

pop() – Remove from end


[Link]();

unshift() – Add at start


[Link]("Strawberry");

shift() – Remove from start


[Link]();

Looping Through Arrays

Using for loop


let numbers = [10, 20, 30, 40];

for (let i = 0; i < [Link]; i++) {


[Link](numbers[i]);
}

Using forEach() (Modern Way)


[Link](function(value) {
[Link](value);
});
Important Array Methods (Practical Use)

concat() – Merge arrays


let a = [1, 2];
let b = [3, 4];
let c = [Link](b);

[Link](c); // [1,2,3,4]

toString() – Convert array to string


[Link]([Link]());

join() – Custom separator


[Link]([Link](" | "));

Arrays with Conditions

Example: Find Even Numbers


let nums = [1, 2, 3, 4, 5, 6];

for (let i = 0; i < [Link]; i++) {


if (nums[i] % 2 === 0) {
[Link](nums[i]);
}
}

Arrays with Functions


function sumArray(arr) {
let sum = 0;
for (let i = 0; i < [Link]; i++) {
sum += arr[i];
}
return sum;
}

[Link](sumArray([10, 20, 30]));

Mini Project: Student Marks System


let marks = [75, 80, 65, 90];

function calculateAverage(arr) {
let total = 0;
for (let i = 0; i < [Link]; i++) {
total += arr[i];
}
return total / [Link];
}

[Link]("Average:", calculateAverage(marks));
Task 1

Create an array of 5 numbers and:

• Print all values


• Print array length

Task 2

Write a function that:

• Accepts an array
• Returns the largest number

Task 3 (Mini Project)

Create a Shopping Cart:

• Add items using push()


• Remove items using pop()
• Display all items using loop

You might also like