+ All Categories
Home > Documents > JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or...

JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or...

Date post: 16-Feb-2020
Category:
Upload: others
View: 18 times
Download: 0 times
Share this document with a friend
17
Lab 8 JavaScript
Transcript
Page 1: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Lab 8

JavaScript

Page 2: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Layout

Sorting

Arrays

Objects

01

02

03

Page 3: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Javascript Objects

Define a JavaScript object

Object name Object property Object value

Page 4: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Accessing Object

Objectname.property

Page 5: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Arrays

Array name

Creating array

Array item

Page 6: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Access Array Elements

Page 7: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science
Page 8: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

The same output

for the both code

s

Page 9: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Add Elements

These statement

s for array eleme

nt adding

Page 10: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Methods

Search more methods

Page 11: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Iteration Methods

Page 12: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science
Page 13: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Comparing Function

If the result is negative a is sorted before b.

If the result is positive b is sorted before a.

If the result is 0 no changes are done with the sort order of the two values.

Page 14: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Object Array_example

Page 15: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Object Array_example

Original Object

After clicking Reverse

After clicking Sort

Page 16: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

Evaluation:

• Define an Employees object

with the properties:

o Name

o Department

o StartingDate

o Salary

• Define at least 5 employees

in the object Employees

• Define a function that find th

e oldest employee to choos

e it as a CEO

• Increase the CEO salary by

20% of the original salary

• The Output should be like th

e image on the left

Page 17: JavaScript - cs486t.files.wordpress.com · JavaScript Array Sort Click the buttons to sort or reverse Staff objects on First Name. Reverse Sort Reem / Abdullah / computer science

DD

HomeworkTry extra JS


Recommended