0% found this document useful (0 votes)
23 views9 pages

JavaScript Array Methods Explained

Uploaded by

Tayyab Sipra
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
23 views9 pages

JavaScript Array Methods Explained

Uploaded by

Tayyab Sipra
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

JavaScript Coding Examples

Clear Array of Duplicates and empty values 1

How to loop through an array 2

Array Updating 3

JavaScript Map Method for Arrays 4

How to concat arrays and duplicate an array 5

Array iterator entries 6

Array Filter Method Example 7

Array includes Method Example 8

Clear Array of Duplicates and empty values

const arr =
['Laurence','Jack','Jane','',,,,'Sam','Laurence','Jack','Jane','',null,false,undefin
ed,0,'Sam'];
[Link](arr);

const arr1 = [... new Set(arr)];


[Link](arr1);

const arr2 = [Link](Boolean);


[Link](arr2);

const arr3 = [... new Set([Link](Boolean))];


[Link](arr3);

Laurence Svekis [Link]

1
How to loop through an array

const arr = ['Laurence','Linda','Joe','Jane'];


[Link](arr);
[Link]('****FOR');
for(let i=0;i<[Link];i++){
[Link](arr[i]);
}
[Link]('****WHILE');
let i=0;
while(i<[Link]){
[Link](arr[i]);
i++;
}
[Link]('****ForEach');
[Link]((item,index,array)=>{
[Link](item);
})

Laurence Svekis [Link]

2
[Link]('****MAP');
const arr1 = [Link]((item,index)=>{
[Link](item);
return `${index} ${item}`;
})

[Link]('****Filter');
const arr2 = [Link]((item)=>{
[Link](item);
return item;
});
[Link](arr2);

Array Updating
const arr = ['Laurence','Next'];
[Link]('End Push'); //adds to end
const val1 = [Link](); //removes first
const val2 = [Link](); //removes last
[Link](val1); // adds to start
[Link](val1);
[Link](val2);
[Link](arr);

const str1 = [Link]();


[Link](str1);

Laurence Svekis [Link]

3
const str2 = [Link]('*-*');
[Link](str2);

JavaScript Map Method for Arrays

const arr = ['Laurence',4,545,false,'Test'];


const arr2 = arr;
[Link]('NEW');
[Link](arr);

const arr1 = [Link]((item,index,array)=>{


const temp = `${index} ${item}`;
return temp;
})
[Link]('NEW');
[Link](arr1);

const arr3 = [3,54,62,4334,1232,444];

Laurence Svekis [Link]

4
const arr4 = [Link](val => val*2);
[Link](arr4);

const arr5 = [Link](callback1);


[Link](arr5);

function callback1(item){
[Link](item);
return item*2;
}

const arr6 =
[{first:'Laurence',last:'Svekis'},{first:'John',last:'Smith'},{first:'Sam',last:'Jo
nes'}]
[Link](arr6);
const arr7 = [Link](({first,last})=>{
//[Link](first,last);
//return `${first} ${last}`;
return {fullName:`${first} ${last}`}
})

[Link](arr7);

const arr8 = [Link](({first,last})=> ({full:`${first} ${last}`}));


[Link](arr8);

How to concat arrays and duplicate an array

Laurence Svekis [Link]

5
const arr1 = ['Laurence','Svekis'];
const arr2 = [1,2,3,4,5];
const arr3 = [Link](arr2);
[Link](arr3);
const arr4 = [Link](arr2,['new1','new2']);
[Link](arr4);
const arr5 = [Link](arr2,arr2);
[Link](arr5);

const arr6 = arr1;


[Link]('END');

const arr7 = [Link]();


[Link]('more');
[Link](arr7);
[Link](arr1);
[Link](arr6);

Array iterator entries


const arr1 = ['Laurence','Svekis',100];
const adder = [Link]();

[Link](adder);
//[Link]([Link]());
//[Link]([Link]().value);

for(let item of adder){


[Link](item[1]);
Laurence Svekis [Link]

6
}

const adder1 = [Link]();


let val = [Link]();
while([Link]){
[Link]([Link][1]);
val = [Link]();
}

Array Filter Method Example

const arr = ['Svekis','Laurence','test','new',5,23,54,5,1213343];


const arr1 = [Link](val => [Link] >= 4);
[Link](arr1);

const arr2 = [Link](checker);


[Link](arr2);

function checker(item,index,array){
//[Link](item);
/// [Link](index);
//[Link](array);
return index >=2;
}

const arr3 = [Link]((item,index)=>{


//[Link](typeof(item) );
return typeof(item) == 'string';
Laurence Svekis [Link]

7
});
[Link](arr3);
[Link](null);
[Link](false);
[Link](arr);
const arr4 = [Link](Boolean);
[Link](arr4);

const arr5 = [Link]((str)=>{


if(typeof(str)=='string'){
const first = str[0].toUpperCase();
return first === str[0];
}
})

[Link](arr5);

Array includes Method Example


const arr = ['Laurence','Svekis','Svekis',100,'Svekis',1000];
const boo1 = [Link]('Svekis');
[Link](boo1);
const boo2 = [Link]('test');
[Link](boo2);

const ind1 = [Link]('Svekis');


Laurence Svekis [Link]

8
[Link](ind1);
const ind2 = [Link]('test');
[Link](ind2);

const lind1 = [Link]('Svekis');


[Link](lind1);
const lind2 = [Link]('test');
[Link](lind2);

const find1 = [Link](call1);


[Link](find1);
const find2 = [Link](call2);
[Link](find2);

function call1(item){
//[Link](item);
if(item === 'Svekis' ){
return item;
}
}

function call2(item){
if(typeof(item)=='number'){
return item;
}
}

Laurence Svekis [Link]

You might also like