1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < title > Array Functions</ title >
5
+ </ head >
6
+ < body >
7
+ < h2 > Array Functions</ h2 >
8
+ < script >
9
+ let userArr = [
10
+ { id : '001' , name :'Ram' , email :'ram@gmail.com' , age :23 , gender : 1 } ,
11
+ { id : '002' , name :'Ketty' , email :'ketty23@gmail.com' , age :41 , gender : 2 } ,
12
+ { id : '003' , name :'John' , email :'john@gmail.com' , age :33 , gender : 1 } ,
13
+ { id : '004' , name :'Kat' , email :'kat32@gmail.com' , age :28 , gender : 2 }
14
+ ] ;
15
+ let genderArr = [
16
+ { id : 1 , title : 'Male' } ,
17
+ { id : 2 , title : 'Female' }
18
+ ] ;
19
+
20
+ // Change email is whose name is "John"
21
+ userArr . map ( ele => {
22
+ if ( ele . name === 'John' ) {
23
+ ele . email = 'john@yahoo.com'
24
+ }
25
+ } ) ;
26
+ console . log ( 'userArr => ' , userArr ) ;
27
+
28
+ // Get the names. It will return array
29
+ names = userArr . map ( ele => ele . name ) ;
30
+ console . log ( 'names => ' , names ) ;
31
+
32
+ // Get the details whose age > 30. It will return array
33
+ ageDetails = userArr . filter ( ele => ele . age > 30 ) ;
34
+ console . log ( 'ageDetails => ' , ageDetails ) ;
35
+
36
+ /* Check from user array if name with "Ram" is exist or not using map and includes
37
+ includes function always return true/false */
38
+ isPresent = userArr . map ( ele => ele . name ) . includes ( 'Ram' ) ;
39
+ console . log ( 'isPresent => ' , isPresent ) ;
40
+
41
+ // Get user info whose name is 'Ram' using filter. It will return array
42
+ singleUser = userArr . filter ( ele => ele . name === 'Ram' ) ;
43
+ console . log ( 'singleUser => ' , singleUser ) ;
44
+
45
+ // Add position field in user array. If user age is geater than 30, add senior otherwise junior
46
+ userArr . forEach ( ele => {
47
+ ele . age > 30 ? Object . assign ( ele , { position : 'Senior' } ) : Object . assign ( ele , { position : 'Junior' } )
48
+ } ) ;
49
+ console . log ( 'userArr => ' , userArr ) ;
50
+
51
+ // Print the use info whose age is less than 30 and add new field position with "Junior" value
52
+ filterArr = userArr . filter ( ele => ele . age < 30 ) . map ( ele => Object . assign ( ele , { position : 'Junior' } ) ) ;
53
+ console . log ( 'filterArr => ' , filterArr ) ;
54
+
55
+ // Print the user info whose gender is "Female"
56
+ getId = genderArr . filter ( ele => ele . title === 'Female' ) . map ( ele => ele . id ) ;
57
+ console . log ( 'getId => ' , getId , ...getId ) ;
58
+ femaleUsers = userArr . filter ( ele => ele . gender === getId [ 0 ] ) ;
59
+ console . log ( 'femaleUsers => ' , femaleUsers ) ;
60
+
61
+ </ script >
62
+ </ body >
63
+ </ html >
0 commit comments