Scribd
Upload
32 views

JavaScript Arrays Effective Presentation Slide.

This slide can describe you. What is array in javascrip, and learn about array declaration and initialization.

Uploaded by

Sajjad Khan8254
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
32 views

JavaScript Arrays Effective Presentation Slide.

This slide can describe you. What is array in javascrip, and learn about array declaration and initialization.

Uploaded by

Sajjad Khan8254
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

GREEN UNIVERSITY OF BANGLADESH

JAVASCRIPT
ARRAYS

Presented to: Presented by:


Feroza Naznin MD Sajjad Hossen.
Lecturer 212902032
Department of CSE Shamim Reja
Green University of Bangladesh 221902378
Nafiue Haque
221902009
Outline.js workshop.css

1
2
Objective {Infographics}
3
4
● Introduction to JavaScript Arrays
5 1. What is an Array
6 2. Creating Arrays
3. Accessing Array Element
7 ● Array Methods and Properties
8 1. Common Array Methods
9 2. Iterating Over Arrays
3. Array Properties
10 ● Advanced Array Concepts
11 1. Splitting Strings.
12
13 } ● Conclusion

14

Programming Language infographics.json


What_is_an_Array.html workshop.css

1 Introducation to JavaScript Arrays{infographics}


2
3 Definition What is an Array Purpose

4
5
Index[0]
6
7
8 const MyArray =[1,2,3,"Hello",null];
9
10
Variable Elements
11
12
Basic Syntex of array
13
14

Programming Language
forbeginners.html workshop.css

1
2 Introducation to JavaScript Arrays{infographics}
3
02. Creating Arrays
4
5
const cars = ["Ferrari","Mercedes", "BMW", "Bugatti"];
6
7
8 const mixedArray = ['Hello', 42, {name: 'John'}];
9
10 var String number object
11 03. Accessing Array Element console.log(“ ”);
12 let Ferrari = cars[0];
13 let Marcities = cars[1];
14 let BMW = cars[2];
let Bugatti = cars[3];

Programming Language
forbeginners.html workshop.css

1 Array Methods and Properties {infographics}


2
01. Common Array Methods
3 Add element into last index,
4 Remove element into last index,
5 Remove element into first index,
let cars = ["Ferrari","Mercedes", "BMW", "Bugatti"]; Add element into first index.
6
7 let AddElement = cars.push('LamborGaini');
8 let RemoveElement = cars.pop();
9 let ShiftElement = cars.shift();
let UnshiftElement = cars.unshift('LamborGaini');
10
let sort = cars.sort();
11
12
13
14

Programming Language
forbeginners.html workshop.css

1 Array Methods and Properties {infographics}


2
3 02. Iterating Over Arrays
For Loop ForEach() Map()
4
5 for(let i =0; i<cars.length; i++){ cars.forEach(element => {}); let numbers = [1, 2, 3];
Syntex:
let doubledNumbers =
6 console.log(cars[i]);
numbers.map(number => {
}
7 return number * 2;
});
8
9 03.Array Properties
10
let lenth_of_array = cars.length;
11 console.log(lenth_of_array); The length property of an array
12 returns the number of elements in that
array. In this case, cars.length will
13 return 5 because there are five
14 elements in the cars array.

Programming Language
forbeginners.html workshop.css

1 Advanced Array Concepts {infographics}


2
01.Splitting Strings : Split and Join.
3
4
var sentence = 'the quick brown fox';
5 var split_sentence = sentence.split(" ");
6 split_sentence.reverse();
7 sentence = split_sentence.join(" , ");
8
9 The split() method divides a Plain sentence.
Split into pieces of words.
10 string into an ordered list of
Reverse into pieces of words.
substrings, puts these
11 Join some symbol or texts.
substrings into an array, and
12 returns the array
13
14

Programming Language
forbeginners.html workshop.css

1
2
Conclusion {Javascript Arrays}
3
4
5 In conclusion, JavaScript arrays are a
6 fundamental aspect of web development,
7 providing a powerful tool for managing and
8 manipulating collections of data. Throughout
9 our presentation, we’ve explored the essential
10 features and functionalities of arrays
11
12
13
14

Programming Language
forbeginners.html workshop.css

1 Any Question? :: {infographics}


2 const readline =
3 require('readline’).createInterface
({
4 input: process.stdin,
output: process.stdout
5 });
6 if (audienceResponse === 'yes’){
7
8 console.log('THANK YOU');
}
9 else {
10 console.log('We will do better next time!');
}
11 readline.close();
12 });

13
14

Programming Language

You might also like