unit3-Basics of JavaScript ppt

(1)

Basics of Javascript: Unit-3

Prepared by,

Divya

Asst. Prof. ISE dept.

VCET, Puttur

(2)



Overview of Javascript,



Object orientation & Javascript,



Syntactic characteristics,



Primitives, operations,

&epressions

,



Screen o!tp!t and "eyboard inp!t,



#ontro$ statements,



Object creation and modification,

 

%rrays,

 

!nctions,

 

#onstr!ctors,



Pattern matchin'

!sin' re'!$ar epressions,



(rrors in scripts,



(3)

1

1 .

.

O

V

E

R

V

I

E

W

O

F

JA

V

ASCRIPT



Ori'ins



_{The official name of the standard language}

_{The official name of the standard language is ECAScript.}

_{is ECAScript.}



_{!avaScript can "e divided into three parts#}

▪

the core, client side, and server side.

▪

The

core

is the heart of the language, including its operators,

e$pressions, statements, and su"programs.

▪

#$ient-side JavaScript

is a collection of o"%ects that support

the control of a "ro&ser and interactions &ith users.

▪

Server-side

Server-

side JavaScript

JavaScript

is a collection of o"%ects that ma'e the

language useful on a (e" server.

(4)

OVERVIEW OF

JA

(5)

OVERVIEW OF

JA

V

ASCRIPT



Uses Of Javascript



_{!avaScript is implemented at ) ends#}



_{Client end}

_{Client end *}

_{* is em"e}

_{is em"edded in}

_{dded in +T-}

_{+T- documents}

_documents



_{Server end}



_{!avaScript support D /Document "%ect odel0 &hich ena"les}

!avaScript to access and modify CSS properties and content of any

element of a

(6)

OVERVIEW OF

JA

V

ASCRIPT



(vent-driven #omp!tation Of Javascript



_{supports user interactions}

_{supports user interactions through the}

_{through the +T- f}

_{+T- form elements}

_{orm elements}

on the client display



_{to chec' the values provided in forms "y users}



_{perform input chec's at the client side}

_{perform input chec's at the client side itself &hich saves "oth}

_{itself &hich saves "oth}

server time and internet time.

(7)

OVERVIEW OF

JA

V

ASCRIPT



Brows

Browsers %nd *htm$+Javascript

ers %nd *htm$+Javascript oc!ments

oc!ments



 _{(hen a !avaScript script is encountered in the document, the "ro&ser}_{(hen a !avaScript script is encountered in the document, the "ro&ser} uses its

(8)

)

OBJ(#

. O/0(1

. O/0(1.

.

%

.

.0O1 %

0O1 %

1 J%

2

2 %

%

S#/0P.

:

•

!avaScript is an o"%ect*"ased language

•

Does

Does not have

not have classes*

classes* no clas

no class*"ased

s*"ased inheritance

inheritance

•

!avaScript cannot support polymorphism.

•

(9)

JAVASCRIPT OBJECTS



 _{"%ects are collections of properties}_{"%ects are collections of properties}



 _{Each property is either a data property or a}_{Each property is either a data property or a function or method property.}_{function or method property.}



 _{Data properties #}_{Data properties #}



 _{primitive values and references to other o"%ects}_{primitive values and references to other o"%ects}



 _{!avaScript uses non*o"%ect types for some of its simplest types3 these non*}_{!avaScript uses non*o"%ect types for some of its simplest types3 these non*}

o"%ect types #

o"%ect types # primitives. primitives.



(10)



 _{"%ects are varia"les too.}_{"%ects are varia"les too.}

var car 6 78iat73



 _{The o"%ects are &ritten as name#value pairs}_{The o"%ects are &ritten as name#value pairs}

var car 6 9type#78iat7, model#:;;,

var car 6 9type#78iat7, model#:;;, color#7&hite7<3color#7&hite7<3



 _{The name # values pairs =in !avaScript o"%ects> are called}_{The name # values pairs =in !avaScript o"%ects> are called}

properties

_._.

"%ect Properties

"%ect Properties Accessing : Accessing :

objectName.propertyName

Object ethods



 _{ethods are stored in properties as}_{ethods are stored in properties as}

f!nction definitions

_._.

objectName.methodName()

(11)

3)

4(

1(

1(/%

/%5

5 S6

S61.

1. %

%

#.

#.0# #7%

0# #7%

/%

/%#.

#.

(/

(/0S.

0S.

0#

0#S

S



0n$ine 8embedded9 JavaScript code:

?input type67"utton7 id67hello7 value67ello7

?input type67"utton7 id67hello7 value67ello7 onClic' 6 7&indo&.alert=@onClic' 6 7&indo&.alert=@elloello (orld@>7B

(orld@>7B



0nterna$ JavaScript code:

?script

?script language67!avaScript7Blanguage67!avaScript7B ?**  hide from the older "ro&sers

?**  hide from the older "ro&sers /The actual script commands0 **B  stop/The actual script commands0 **B  stop hiding

hiding ?scriptB ?scriptB



(terna$ JavaScript code:



(12)



_{Comments#  or  .}



_{Identifiersnames, must "egin &ith a}

_{Identifiersnames, must "egin &ith a letter, an underscore}

_{letter, an underscore}

= F >, or a dollar sign =G>.

(13)

)

P/

00

.02

(S,

OP(

/%

.

0O1

S,

%

1 (

*P/

(SS

0O1

S

;)

primitive types

.

. _{!avaScript has five primitive types# 4um"er, String, 5oolean, Hndefined,}_{!avaScript has five primitive types# 4um"er, String, 5oolean, Hndefined, and}_and

4ull. 4ull.

.

. _{!avaScript includes predefined o"%ects}_{!avaScript includes predefined o"%ects}

E#

1!mber, Strin', Boo$ean etc

var $ 6 false3 var $ 6 false3 5oolean=$>3 5oolean=$>3

var y 6 ne& String=7!ohn7>3 var y 6 ne& String=7!ohn7>3

(14)

)

1!

me

meri

ric

c

%

nd St

nd

Stri

ri

n'

5i

5ite

te

ra

ra$s

$s

All numeric literals are values of

All numeric literals are values of type 4um"er.type 4um"er.



 0nte'er $itera$s0nte'er $itera$s_{#Integer literals are strings of digits.}_{#Integer literals are strings of digits.} var

var $ $ 6 6 ;$883 ;$883   $ $ &ill &ill "e "e ):: ):: he$adecimalhe$adecimal



 $oatin'-point $itera$s$oatin'-point $itera$s

var y 6 J)Ke*:3 var y 6 J)Ke*:3



 strin' $itera$strin' $itera$

<6

<6oo!=>r!=>re the most $e the most $ove$y persove$y person 0=>ve eveon 0=>ve ever metr met‟‟

<:==boo"fi$es? <:==boo"fi$es? ---

3) O.7(/ P/00.02( .6P(S :

  1!$$ :1!$$ :   UndefinedUndefined var p6null3 var p6null3 var pJ3 var pJ3 alert=p> null alert=p> null alert=pJ> undefined alert=pJ> undefined   Boo$eanBoo$ean

(15)

)

(

#5

%/

01

01 4 2

4 2

%

/0

%B

5(

S

A

A varia"le that h

varia"le that has "een declared

as "een declared "ut

"ut

not assigned a value, has the value

undefined.

@)

(16)

A

)

.

7

7 (

(



a

t

h O

B

J

(

#

.

 

_{ath.ma$=;, J:;, K;, );, *L>}

 

_{ath.round=:.K>3 :}

 

_{ath.sMrt=N>3}

(r

ite %s program to accept

K num"ers using prompt and

find the largest

of three using alert method.

Hse predefined function ath.ma$.

7

(17)

?htmlB

?headB?script language67!avaScript7B

?**

function sM=>

9

9 va

va

r a6

pr

om

pt= 7

Ent

er f

irs

t nu

m"

er 7 , 7

7 >3

a6parseInt=a>3

var "6prompt= 7Enter first num"er 7 , 77 >3

"6parseInt=">3

var c6prompt= 7Enter first num"er 7 , 77 >3

"6parseInt=">3

var ma$6ath.ma$=a,",c>3

alert=7largest of three input num"er#7Oma$>3

< **B

?scriptB?headB

?"odyB?formB?input type67"utton7 value67sM7 onclic'67sM=>37B

?formB

?"odyB

(18)

?htmlB?headB ?htmlB?headB ?script language67!avaScript7B ?script language67!avaScript7B ?** ?**

var val 6 4um"er.A+FVA-HE3

var smallest4um 6 4um"er.I4FVA-HE3

var infinite4um 6

var infinite4um 6 4um"er.4um"er.PSITIVEFI48I4IT3PSITIVEFI48I4IT3

var negInfinite4um 6 4um"er.4EATIVEFI48I4IT3

document.&rite =7Value of 4um"er.A+FVA-HE # 7 O val O7?"r B7>3

document.&rite =7Va

document.&rite =7Value of lue of smallest4um # 7 smallest4um # 7 O smallest4umO7?"r B7 O smallest4umO7?"r B7 >3>3

document.&rite =7Va

document.&rite =7Value of lue of infinite4um # 7 infinite4um # 7 O infinite4um O7?"r O infinite4um O7?"r B7>3B7>3

document.&rite =7Va

document.&rite =7Value of lue of negInfinite4um # 7 negInfinite4um # 7 O negInfinite4um O7?"r O negInfinite4um O7?"r B7>3B7>3

var dayfonth6)KJ3 var dayfonth6)KJ3 if =dayfonth ? J QQ dayfonth B KJ> if =dayfonth ? J QQ dayfonth B KJ> 9 9 dayfonth

dayfonth 6 6 4um"er.4um"er.4a44a4

alert=7Day

alert=7Day of of onth onth must must "e "e "et&een "et&een J J and and KJ.7>KJ.7>

< < **B **B ?scriptB?headB?"odyB?"odyB?htmlB ?scriptB?headB?"odyB?"odyB?htmlB

(19)

)

.h

e St

ri

n' #

at

en

at

io

n Op

er

at

or

: C



_E$ampleJ#

<%!'!st ? C

<%!'!st

? C ;DEE

;DEE ++

++ <%!'!st

<%!'!st ;DDE?

;DDE?



(amp$e:

(amp$e: E

E F

F <3?

<3? ++

++ ;

;



.o strin' conversion :

_{String constructor string=> ,}

toStrin'89



_{The glo"al method}

1!mber89

1!mber89 can convert strings to num"ers.

_{can convert strings to num"ers.}



_{The parseInt=> function parses a string and returns an integer.}

var

var e

e 6

6 parseInt=7R;7>

parseInt=7R;7> R;

R;

var g 6 parseInt=7e &as ;7> 4A4



_{The parse8loat=> function parses a string and returns a floating}

point num"er

point num"er..

var

var c

c 6

6 parse8loat=7J;.KK7>

parse8loat=7J;.KK7> J;.KK

J;.KK

parse8loat=7e &as ;7> 4

parse8loat=7e &as ;7> 4A4

A4

;G)

(p

$ic

it .

yp

e #o

nve

rsi

ons

:

N.

(20)

;;

)

Strin' Properties %

nd ethods

var str 6

var str 6 1eorge231eorge23 var

(21)



_{var str 6}

_{var str 6 1eorge23}

_1eorge23



_str.

_str.charAt=

_charAt=)>

_{)> is}

_{is 1o}

_1o

_‟_‟



_st

_strr..in

_inde

_de$

_$f=

_f=1r

_{1r > is}

‟‟

_{> is K}

_K



_st

_strr..su"

_su"st

_strin

_ring=

_{g=), }

_{), > is 1}

_{> is 1or}

_org

_g

‟‟



(22)

;)

.7( typeo

.7( typeof OP(/%

f OP(/%

.

O/



 _{The typeof operator returns the type of its single operand}_{The typeof operator returns the type of its single operand}

ttyyppeeoof 7f 7%%oohhnn2 2 ssttrriinngg V

Vaar r $3 $3 typeof=$typeof=$> undef> undefinedined

;3)

%ssi'nment Statements

.

_{a O6 3 means the same as a 6 a O 3}

var $ 6 J;3

$

$ 6

6 :3

:3

)

;)

.7( ate OBJ(#. :

var today = new Date()

(23)

(24)

@)

S#

/(

/((1

(1

OU

OU.P

.PU.

U. %

%

1

H(

H(6B

6B

O%

O%/

/

01 01PU

PU.

.

?htmlB?headB?sc

?htmlB?headB?script ript language67!avaScript7Blanguage67!avaScript7B ?**

?**

function my8unction=> 9 function my8unction=> 9

a$ert

=7ello I am an alert "o$7>3=7ello I am an alert "o$7>3 var

var person person 66

prompt

=7Please enter your name7, 7arry Potter7>3=7Please enter your name7, 7arry Potter7>3 if

if =person =person 6 6 null> null> 99

doc!ment)write

=person>3 <=person>3 <

confirm

=7Do you &ant to continue this do&nloadU7>3=7Do you &ant to continue this do&nloadU7>3 < < **B **B ?scriptB?headB ?scriptB?headB

?"odyB?formB?"utton onclic'67my8unction=>7BTry it?"uttonB ?"odyB?formB?"utton onclic'67my8unction=>7BTry it?"uttonB ?formB?"odyB?htmlB

(25)



_A

_{ta"le of num"ers from :*J: and}

_{their sMuares , cu"es using alert}



_{The Muadratic eMuation is given "y#}



_ax

))

_O

_bx

_O

_c

_{6 ;}



_{The e$pression inside the sMuare root is called}

_discriminant

_{and is}

denoted "y #

▪



6

6 b

b

))

* 

ac



_{(hen }

_{B;, there are ) real}

_roots

▪

(26)

#reate an *7.5

and JavaScript

and JavaScript to comp!te

to comp!te the

the

rea$ r

(27)

(28)

A

)

#

O

1

1 .

.

/

O

5

5 S

S

.

%

.

(



(

1

1 .

.

S :

;

)

#

o

n

tr

o

$ (



pr

e

ss

i

o

n

s :

Welational operators

(29)

) Se$ection Statements



_{Wr!te a "ava#r!$t #ode%}



_{To 'nd revere o a *!ven n+,-er.}



_{..\web_exercises}

\chapter4_js\4.14reverse.html



_{e ! and !/e0}

_{e ! and}

_{!/e0e tate,ent to #e#2}

_{e tate,ent to #e#2}

n+,-er ! $r!,e or not



_{..\..\web_lab\}

_{js\prime_wrong.html}



_{..\..\web_lab\}

_{js\prime.html}



(30)

466J not prim

e

466) prime

8or=$6)3 $?n3$OO>

9If=nX$66;>

Weturn not prime

<

Else

prime

(31)

3)

w!t#

Statements

?htmlB?headB?sc

?htmlB?headB?script ript language67!avaScript7Blanguage67!avaScript7B ?**

?**

var "s6prompt=7 select "order siYe7>3 var "s6prompt=7 select "order siYe7>3 s&itch="s> 9

s&itch="s> 9

case 7J7# document.&rite=7?ta"leB7>3 "rea'3 case 7J7# document.&rite=7?ta"leB7>3 "rea'3

case 7)7# document.&rite=7?ta"le "order6@J@B7>3 "rea'3 case 7)7# document.&rite=7?ta"le "order6@J@B7>3 "rea'3 Case 7K7# document.&rite=7?ta"le "order6@L@B7>3 "rea'3 Case 7K7# document.&rite=7?ta"le "order6@L@B7>3 "rea'3 default# document.&rite=7invalid choice7>3"rea'3

default# document.&rite=7invalid choice7>3"rea'3 < < document.&rite=7?captionBta"leJ?captionB7>3 document.&rite=7?captionBta"leJ?captionB7>3 document.&rite=7?trB?thBA?thB?thB5?thB7>3 document.&rite=7?trB?thBA?thB?thB5?thB7>3 document.&rite=7?trB?tdBa?tdB?tdB"?tdB?ta"leB7>3 document.&rite=7?trB?tdBa?tdB?tdB"?tdB?ta"leB7>3 **B **B ?scriptB?headB?"odyB?"odyB?htmlB ?scriptB?headB?"odyB?"odyB?htmlB

(32)

)

5OO

P S.

%

.((1.S

whi$e

for and do-whi$e

;)

;) Usi

Usin' d

n' doc!

oc!men

ment)w

t)writ

rite89,

e89, wr

write

ite cod

code th

e that d

at disp

isp$ays

$ays the

the

res!$ts of the ; times tab$e) 0ts

res!$ts of the ; times tab$e) 0ts o!tp!t sho!$d be the

o!tp!t sho!$d be the

res!$ts of the ca$c!$ations)

))=))=webM$ab=js=;Mtab$es)htm$

)

) .

.o

o pr

prin

int f

t fac

acto

tori

ria$

a$ of

of a n

a n!m

!mbe

berr

..Z..Z&e"Fla"Z

(33)

E)

OBJ

OBJ(#.

(#.

#/

#/(%

(%

.

0O1

%

1

1 O

O

00#

00#%

%

.

.0O1

0O1



new

_{operator creates a "lan' o"%ect# no properties.}



_constructor

var myMobject I new Object89N



_{The varia"le}

myMobject

_{references the ne& o"%ect}

var myMcar I ma"e: <ord?,

var myMcar I ma"e: <ord?, mode$: <#onto!r S2.?N

mode$: <#onto!r S2.?N



Properties can be accessed in two ways)

var prop; I myMcar)ma"eN

var prop I myMcarQ<ma"e?RN



_{the varia"les propJ and prop) "oth have the value U.}



_{The num"er of properties in a !avaScript o"%ect is dynamic}

de$ete myMcar)mode$N



_{loop statement, for*in, for listing the properties of an o"%ect.}

for =var a in

myMcar 9

document.&rite=14ame#2, a, 1value#2 myFcar/a0>3

(34)

3

3 .

.

A

R

A

4

4 S

S

;)

%rray OBJ(#. #/(%.0O1

a.

Var a6ne& Array=J, ), 2three2>3

V

Vaar "6

r "6ne& Array=J;

ne& Array=J;;>3

;>3

".

var myFlistF) 6 /J, ), 1three2,

var myFlistF) 6 /J, ), 1three2, 1four203

1four203

)

#7%/%#.(/0S.0#S O %rray OBJ(#.S

aQER I N

the new $en'th of myM$ist wi$$ be





$en'th property:

(35)

%rray eamp$e:

.his scr

ipt has an array o

f names, which

are in

a$phabetica$ order)

0t !ses prompt to 'et new

names, one at

a time,

and inserts them into the eistin' array

?htmlB?headB?scrip

?htmlB?headB?script t language67!avaScriplanguage67!avaScript7Bt7B ?**

?** var

var nameFlist nameFlist 6 n6 ne& e& Array=7"Array=7"a"y7, a"y7, 1c*man7, 1c*man7, 7[asper1, 7[asper1, 7ichael7, 7ichael7, 7Wo"erto7>37Wo"erto7>3 var

var ne&Fname, ne&Fname, inde$, inde$, last3last3 &hile =ne&Fname

&hile =ne&Fname 6 6 prompt=7Pprompt=7Please type a ne& lease type a ne& name7, 77>> 9name7, 77>> 9 last 6 nameFlist.length * J3

last 6 nameFlist.length * J3

&hile =last B6 ; \\ nameFlist/last0 B ne&Fname> 9 &hile =last B6 ; \\ nameFlist/last0 B ne&Fname> 9

nameFlist/last O J0 6 nameFlist/last03 nameFlist/last O J0 6 nameFlist/last03 last**3 last**3 < < nameFlist/l

nameFlist/last O J0 ast O J0 6 ne&Fname36 ne&Fname3 document.&rite=

document.&rite=7?pB?"BThe ne& name 7?pB?"BThe ne& name list is#?"B 1, 7?"r B7>3list is#?"B 1, 7?"r B7>3 for

for =inde$ =inde$ 6 6 ;3 ;3 inde$ inde$ ? ? nameFlist.lengnameFlist.length3 th3 inde$OO>inde$OO> document.&rite=n

document.&rite=nameFlist/indameFlist/inde$0, e$0, 7?"r 7?"r B7>3B7>3 document.&rite=7?pB7>3 document.&rite=7?pB7>3 < < **B **B ?scriptB?headB?"odyB?"odyB?htmlB ?scriptB?headB?"odyB?"odyB?htmlB

(36)

3

3 )

)

%

r

a

y



e

t

h

o

d

s



Join ethod



/everse ethod T

_{no parameter}_{no parameter}



Sort ethod T

_{arrange*no parameter}_{arrange*no parameter}



#oncat ethod:

_{to the end of the Array o"%ect}_{to the end of the Array o"%ect}



S$ice ethod :

_{returns  and R}_{returns  and R}



(37)



toStrin' method:

_{These strings are catenated, separated "y}_{These strings are catenated, separated "y commas.}_commas.



p!sh, pop, !nshift, and shift methods



shift and !nshift methods

var deer I $ist)shift89N ++ deer is

var deer I $ist)shift89N ++ deer is now <asher?

now <asher?

$ist)!nshift8<asher?9N ++ .his p!ts <asher? bac" on

$ist)!nshift8<asher?9N ++ .his p!ts <asher? bac" on $ist

$ist

(38)

.

o find n!mber of eros, ne'atives and positives

in a

'iven array !sin' switch statement



_{..\web_exercises}

\chapter4_js\4.11_array_switch.html

(39)

U1#.0O1S



/et!rn

_{statement# returns control}_{statement# returns control to the}_{to the function caller.}_{function caller...}



 _{ne or more return statements in function "ody}_{ne or more return statements in function "ody}

function fun=> function fun=> 9 9 Alert=1hi2> Alert=1hi2> < < no return

no return

or

=doesnot include any e$pression> is =doesnot include any e$pression> is

!ndefined

5O#%

5 2

%

/0%

B5(S

The scope of a varia"le is the range

The scope of a varia"le is the range of statements over &hich it is visi"le.of statements over &hich it is visi"le. used only &ithin a function ***have local scope

used only &ithin a function ***have local scope

'$oba$ variab$e scopeV

they are visi"le in the entire +T- document.they are visi"le in the entire +T- document.



(40)



P%/%(.(/S



))=))=Web 1otes by ivya )pdf



_{The parameter values that appear in a call to a function are called}

actual parameters.



_{The parameter names in calls to the function, are called formal}

parameters.



_{!avaScript uses the pass"yvalue parameter*passing method.}



_{In the function, e$cess actual parameters that are passed are}

ignored3



_{e$cess formal parameters are set to undefined.}



ar'!ments)$en'th -

_{can determine the num"er of actual}

parameters that &er

(41)

D

U

1#

.0

O1

S :

So

rt

e

th

od

, /

ev

is

it

ed

?htmlB ?htmlB ?headB ?headB ?script language67!avaScript7B ?script language67!avaScript7B ?** ?** var

var letters letters 6 6 /7Ws7,7s7,78s7,7-s703/7Ws7,7s7,78s7,7-s703 var num"ers 6 /)L,:,K03 var num"ers 6 /)L,:,K03 letters.sort=>3 letters.sort=>3 num"ers .sort=>3 num"ers .sort=>3 alert=letters>3 alert=letters>3 alert=num"ers >3 alert=num"ers >3

n!mbers

)sort8f!nction

n!mberMsort8a,

b9

ret!rn

a

-

bN

9N

alert=num"ers

alert=num"ers >3 >3 ascendingascending **B

**B

?scriptB?headB?"odyB?"odyB?htmlB ?scriptB?headB?"odyB?"odyB?htmlB

(42)

;G edian of an array:

?htmlB?headB?sc

?htmlB?headB?script ript language67!avaScript7B ?**language67!avaScript7B ?** function median=list> 9

function median=list> 9

$ist)sort8f!nction 8a, b9 ret!rn a - bN9N

v

vaar r lliissttFFlleen n 6 6 lliisstt..lleennggtthh33 

A

or or  if

if ==listFlen ==listFlen X X )> )> 66 66 J> J> 

G

or or JJ return

return list/ath.floor=listFlen list/ath.floor=listFlen   )>03)>03 else

else

return ath.round==list/listFlen  ) * J0 O list/listFlen  )0>  )>3

++even

< < var myFlistFJ 6 /L, K, N, J, , 03 var myFlistFJ 6 /L, K, N, J, , 03 var myFlistF) 6 /J;, *), ;, :, K, J, 03 var myFlistF) 6 /J;, *), ;, :, K, J, 03

var med I median8myM$istM;9N

document.&rite=7edian

document.&rite=7edian of /of /7, my7, myFlistFJ, FlistFJ, 70 70 is# is# 7, 7, med, med, 7?"r 7?"r B7>3B7>3

med I median8myM$istM9N

document.&rite=7edian

document.&rite=7edian of of /7, /7, myFlistF), myFlistF), 70 70 is# is# 1, 1, med, med, 7?"r 7?"r B7>3B7>3 **B?scriptB?headB?"odyB?"odyB?htmlB **B?scriptB?headB?"odyB?"odyB?htmlB

ath)f$oor8;)A9N

++;

ath)f$oor8;)A9N

++;

ath)ro!nd8;)A9

++

ath)ro!nd8;)A9

++

(43)

i> T

i> To print the position in the

o print the position in the string of

string of the leftmost

the leftmost

vo&el.

..Z&e"Fe$ercisesZchapterF%sZ.J;Fvo&el.html

(44)

..5we-6e7er#!e

5#a$ter86"58.36re,ove69ero

.t,0

;)

4iven array m!st be mo

dified to remove a$$ ero va$!es)

.

_{The splice=> method}

_{The splice=> method addsremoves items tofrom an ar}

_{addsremoves items tofrom an array,}

_{ray, and}

_and

returns the removed item=s>.

arr.splice=

arr.splice=i

i

,, J

J

>3



_Index

_{# A}

_{# An integer that specifies at}

_{n integer that specifies at &hat position to}

_{&hat position to}

addremove items



_howmany

_{. The num"er of items to "e}

_{. The num"er of items to "e removed. If set to ;,}

_{removed. If set to ;,}

no items &ill "e removed

(45)



0np!t: %

rray of

n!mbers



O!tp!t: avera'e of each rows of matri

..Z&e"Fe$ercisesZchapterF%sZ.JKFmatri$.html

;)

inp!t yo!r sentence

)

Sort based on !ser inp!t8ascendin' or descendin'9

Sort based on

!ser inp!t8ascendin' or descendin'9

J.

J. The split=> method is used to split a string into an array ofThe split=> method is used to split a string into an array of su"strings, and returns the ne&

su"strings, and returns the ne& array.array.

).

(46)

;;)

0n JavaScript, a$most Xeverythin'X is an object)



 _{5ooleans, Strings ,4um"ers can "e o"%ects =or primitive data treated as}_{5ooleans, Strings ,4um"ers can "e o"%ects =or primitive data treated as}

o"%ects> o"%ects>



 _{Dates are al&ays o"%ects}_{Dates are al&ays o"%ects}



 _{aths are al&ays o"%ects}_{aths are al&ays o"%ects}



 _{Arrays are al&ays o"%ects}_{Arrays are al&ays o"%ects}



 _{8unctions are al&ays o"%ects....}_{8unctions are al&ays o"%ects....}

Objects are variab$

es too) B!t objects can

contain many va$!es)

var person 6 7!ohn Doe73

var person 6 9first4ame#7!ohn7, last4ame#7Doe7, age#:;, eyeColor#7"lue7<3 var person 6 9first4ame#7!ohn7, last4ame#7Doe7, age#:;, eyeColor#7"lue7<3



(47)



_{var person 6 ne& "%ect=>3}

person.first4am

person.first4ame 6 7!ohn73

e 6 7!ohn73

person.last4ame 6 7Doe73

person.age 6 :;3

person.eyeColor 6 7"lue73



(48)

;;)



₍

_{(ith !avaScript, you can define and}

_{ith !avaScript, you can define and create your o&n}

_{create your o&n o"%ects.}

_o"%ects.



_{create and initialiYe the properties of ne&ly created o"%ects.}



_{(hen the constructor is called,}

this

_{is a reference to the ne&ly}

created o"%ect.



_The

this

_{varia"le is used to construct and initialiYe the}

properties of the o"%ect.

(49)

?htmlB?headB?script language67!avaScript7B ?**

var my8ather 6 ne& person=7!ohn7, 7Doe7, :;, 7"lue7>3

var myother 6 ne& person=7Sally7, 7Wally7, L, 7green7>3

my8ather.display=>3

myother.display=>3

function person=first, last, age, eye> 9

this.first4ame

6

6 first3

first3

this.last4ame

6

6 last3

last3

this.age

6

6 age3

age3

this.eyeColor

6

6 eye3

eye3

this.display6display3

<

function display=>9

document.&rite=7father is 7 O this.age O 7. mother is 7 O

this.first4ameO7?"rB7>3

<

**B

?scriptB?headB?"odyB?"odyB?htmlB

(50)

;

P%

..(/1

..(/1 %.

%.

#70

#7014

14 B6

B6 US0

US014

14 /(4U5%/ (*P/(SS0O1S

/(4U5%/ (*P/(SS0O1S

 

 approaches:

 

_WegE$p



_{String o"%ect}



search method

search method returns the position in the String o"%ect

_{returns the position in the String o"%ect}

=through &hich it is called> at &hich the pattern matched



_{The position of the first character in the string is ;.}



_{If there is no match, search returns ]J.}

Var str61hi hello23

V

(51)

#7%/%#.(/

%1 #7%/%#.(/

-#5%SS

P%

..(/1S

etacharacters are characters that have special meanings in some conte$ts in etacharacters are characters that have special meanings in some conte$ts in

patterns. patterns.

.he fo$$owin' are the pattern metacharacters:

= Y 8 9 Q R   Z [ F C  )



_{etacharacters can themselves "e matched "y "eing immediately preceded}_{etacharacters can themselves "e matched "y "eing immediately preceded}

"y a "ac'slash. "y a "ac'slash.



_{A period matches any character e$cept ne&line.}_{A period matches any character e$cept ne&line.}

E$ample#

+snow)

+snow)+ matches <snowy?, <

+ matches <snowy?, <snowe?, and <snowd?

snowe?, and <snowd?

E$ample#

+3=)+ matches 3))

but /3.4/ would match 3.4 and 374, amongbut /3.4/ would match 3.4 and 374, among others.

others.

E$ample#

QabcR matches \a> , \b> & \c>

E$ample#

Qa-hR matches

Qa-hR matches any $

any $owercase $etter from \a> to \h>

owercase $etter from \a> to \h>

E$ample#

(52)



_^pearl



(53)

Pattern odifiers



 _The_The

i modifier

_{ma'es the letters in the pattern match either upper}_{ma'es the letters in the pattern match either uppercase}_case

or lo&ercase letters in the string. or lo&ercase letters in the string. Applei

Applei matches matches _APP-E`, _APP-E`, _apple`, _apple`, _APPle`,_APPle`,



 _The_The

 modifier

_{allo&s &hite space to appear in the pattern.}_{allo&s &hite space to appear in the pattern.}

OTHER PTTERN!"T#H$N% "ETHO&' O( 'tr)ng OTHER PTTERN!"T#H$N% "ETHO&' O( 'tr)ng

var str I <red, reddie, and rederica were sib$in's?N

str)rep$ace8+re+', <Boy?9N

atches returns array /, K0. atches returns array /, K0.

var str I <

(54)

 

_^Z&O

 

_/Z.*0U

 

_{=/Z.*0UZ&O>}

(55)



Simp$e re'!$ar epression to va$idate emai$ address

personalFinfodomain



.he persona$Minfo part c

.he persona$Minfo part contains the fo$$owin' %S#00 characters)

ontains the fo$$owin' %S#00 characters)



 _{Hppercase =A*b> and lo&ercase =a*Y> English letters.}_{Hppercase =A*b> and lo&ercase =a*Y> English letters.}



 _{Digits =;*N>.}_{Digits =;*N>.}



 _{Characters   G X \ @  O *  6 U ^ F  9 Q < }_{Characters   G X \ @  O *  6 U ^ F  9 Q < }



 _{Character . = period, dot or}_{Character . = period, dot or fullstop> provided that it is not the first or}_{fullstop> provided that it is not the first or}

last character and it &ill not come one after the other. last character and it &ill not come one after the other.



domain name

domain name /for e$ample com, org, net, in, us, info0 part contains

_{/for e$ample com, org, net, in, us, info0 part contains}

letters, digits, hyphens and dots. letters, digits, hyphens and dots.



mysite]o!rearth)com

my)ownsite]o!rearth)or'



_{mysite]yo!)me)net}

var reg 6^Z&O=/Z.*0UZ&O>

]

Z&O=/Z.*0UZ&O>=Z.Z&9),K<>OG3Z&O=/Z.*0UZ&O>=Z.Z&9),K<>OG3

=)=w,3---=)=w,3---

It matches a . follo&ed "y t&o or three &ord characters,It matches a . follo&ed "y t&o or three &ord characters, e.g., .edu, .org, .com, .u', .us, .co etc.

(56)

JK

J.

(r

ite a !avascript that

contains, a function

named

testM

phonenoMn!m

, &hich tests the phone num"er of the format ddd ]

dddd ?;NJ * L):RB and display &hether the given num"er is valid

or not using document.&rite.

).

..Z..Z&e"Fla"Z%sZphoneFnumFvalidate.html

K.

(r

(rite a !avaScript to

ite a !avaScript to validate the name, the n

validate the name, the name should "e

ame should "e

entered using prompt. The first and last name should

entered using prompt. The first and last name should not "e more

not "e more

than J; characters and middle name must contain only initial. If

so display validation co

so display validation corresponding name. The format is the

rresponding name. The format is the

firstFname, secondFname and thirdFname. There should "e single

&hite space "et&een 8irstFname, SecondFname and thirdFname.

(57)

; (//O/S 01 S#/0P.S

(58)

S$ot te error..

var userAge 6 prompt=1Please enter your age2>3

if =userAge 6 ;>3

9

9 alert=1So you`re a "a"y2>3

alert=1So you`re a "a"y2>3

<

else if = userAge ? ; Q userAge B );;>

alert=

alert=1I thin' you

1I thin' you may "e lying

may "e lying a"out your age2>3

a"out your age2>3

else

9

9 alert=1That`s a good age2>3

alert=1That`s a good age2>3

<

(59)

ERRORS I: SCRIPTS

(60)

(rite +T- document and %ava script code to

impleme

implement the

nt the follo&ing #

follo&ing #

i>

To count the num"er of names in the given array

that end in either 7ie7 or 7y7.

ii>

(61)

.r!e if the strin' has the form:

strin';, strin' $etter

strin';, strin'---m!st be $owercase ecept the first $etter

$etter-$etter-

---m!st

be !ppercase



(62)