javascript - cs486t.files.wordpress.com · javascript array sort click the buttons to sort or...

17
Lab 8 JavaScript

Upload: others

Post on 16-Feb-2020

21 views

Category:

Documents


0 download

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