Typescript Array ,Typescript Array Declaration,Typescript Array foreach,Typescript Array Concat ,Pop, Push

TypeScript Type Test Part 2 Working with Array

Like javascript type script allows to work with an array of values
Declaration

 Two Type of Declaration 

//With Element Type
 MostSpokenLangs: string[] = [' Mandarin Chinese','English','Hindustani ', 'Spanish','Arabic','Malay','Russian','Bengali','Portuguese','French'];

//generic Type
 MostSpokenLangs: Array<string> = [' Mandarin Chinese','English','Hindustani ', 'Spanish','Arabic','Malay','Russian','Bengali','Portuguese','French'];

Length

to find the length of the array

arrayname.length

ElementAccess

 to  access  a element in a array

arrayname[elementindex]= value 

foreach() 

for each element in the array

foreachaccess() {
  this.myarrayoutput.foreachaccess ='';
  this.MostSpokenLangs.forEach(el => {
    this.myarrayoutput.foreachaccess=  this.myarrayoutput.foreachaccess + el + ',';
  });
}

for loop

forloop() {
 this.myarrayoutput.forloop =''
 for(var arrindex =0;arrindex < this.MostSpokenLangs.length;arrindex ++) {
   this.myarrayoutput.forloop=  this.myarrayoutput.forloop + this.MostSpokenLangs[arrindex] + ',';
 }
  

concat() 

 it concats array with another one and returns new array 

 arrayconcat() {
   this.concatarray =[];
   this.concatarray = this.concatarray.concat(this.MostSpokenLangs);
   this.concatarray = this.concatarray.concat(this.MostSpokenLangs_elementtype);
   this.myarrayoutput.arrayconcat=  ('length of the new array is : ' + this.concatarray.length );
}

 join()

 this returns array elements into string with specific separator . example: this.array.join(',')

 join() {
   this.myarrayoutput.join=  ('Join Returns : ' + this.MostSpokenLangs.join(','));
}

filter()

Returns the elements of an array that meet the condition specified in a callback function.

Simplefilter() {
 let Simplefilter = [];
 Simplefilter = this.MostSpokenLangs.filter((MostSpokenLang: string) =>  MostSpokenLang ===   'English' );
 this.myarrayoutput.Simplefilter=  ('length of the Simplefilter is : ' + Simplefilter.length );
}

indexOf()

Returns the index of the first occurrence of a value in an array

indexOf() {

this.myarrayoutput.indexOf ='';

const indexvalue =0 ;
this.myarrayoutput.indexOf = 'Index of Spanish is : '+  this.MostSpokenLangs.indexOf('Spanish',0);
}

LastindexOf()

Returns the index of the last occurrence of a specified value in an array.

LastindexOf() {
let myMostSpokenLangs_elementtype: string[] = ['Spanish','Spanish','Spanish','Spanish',];
this.myarrayoutput.indexOf ='';
const indexvalue =0 ;
this.myarrayoutput.LastindexOf = 'last occurrence index of Spanish is : '+  myMostSpokenLangs_elementtype.lastIndexOf('Spanish', -1);
}

toStrings() 

Returns a string representation of an array.

toStrings() {
let myMostSpokenLangs_elementtype: string[] = ['Spanish','Spanish','Spanish','Spanish','English'];
this.myarrayoutput.toStrings = 'toString is : ' + myMostSpokenLangs_elementtype.toString();
}

toLocaleStrings()

Returns a string representation of an array. The elements are converted to string using their toLocalString methods.

toLocaleStrings() {
let myMostSpokenLangs_elementtype: string[] = ['Spanish','Spanish','Spanish','Spanish','English'];
this.myarrayoutput.toLocaleStrings = 'toLocaleString is : ' + myMostSpokenLangs_elementtype.toLocaleString();
}

pop()

Removes the last element from an array and returns it.

popelements: string[] = ['Spanish 1','Spanish 2','Spanish 3','Spanish 4','English'];
pop() {
  try {
let removedelem =  this.popelements.pop();
if (removedelem) {
this.myarrayoutput.pop = 'pop is : ' + removedelem.toString();
}else {
      this.myarrayoutput.pop = 'pop is : undefined '

}
}catch(e) {
console.log(e);
this.myarrayoutput.pop = 'pop error is : ' + e;
}
}

push() 

Appends new elements to an array, and returns the new length of the array.

pushelements: string[] = ['Spanish 1','Spanish 2','Spanish 3','Spanish 4'];
push() {
this.myarrayoutput.push = 'Before Push length is : '  +  this.pushelements.length
let element ='Spanish ' + this.pushelements.length;
this.pushelements.push(element);
this.myarrayoutput.push += 'After Push length is : '  +  this.pushelements.length
}

reverse() 

Reverses the elements in an Array.

reverseelements: string[] = ['Spanish 1','Spanish 2','Spanish 3','Spanish 4'];
reverse() {
this.myarrayoutput.reverse = '';
this.myarrayoutput.reverse = 'Before reverse elements   : '  +  this.reverseelements.toString();
this.reverseelements.reverse();
this.myarrayoutput.reverse += 'After reverse elements   : '  +   this.reverseelements.toString();
}

shift()

Removes the first element from an array and returns it.

shiftelements: string[] = ['Spanish 1','Spanish 2','Spanish 3','Spanish 4'];
 shift() {
 this.myarrayoutput.shift = '';
this.myarrayoutput.shift = 'Before shift elements   : '  +  this.shiftelements.toString();
this.shiftelements.shift();
this.myarrayoutput.shift += 'After shift elements   : '  +   this.shiftelements.toString();

}

slice()

Removes the first element from an array and returns it.

sliceelements: string[] = ['Spanish 0','Spanish 1','Spanish 2','Spanish 3','Spanish 4','Spanish 5'];
slice() {
let slicedarray = this.sliceelements.slice(1,3);
console.log(slicedarray);
this.myarrayoutput.slice = '';
this.myarrayoutput.slice = 'slice( from Index: 1,to Index :3) is   : '  +  slicedarray.toString();
}

sort()

Sorts an array.

sortelements: string[] = ['A Spanish 0','B Spanish 1','C Spanish 2','D Spanish 3','E Spanish 4','F Spanish 5'];
sort() {
this.myarrayoutput.sort = 'Before sort elements   : '  +  this.sortelements.toString();
let sortdelements = this.sortelements.sort((a1, a2) => {
return 1;
});
console.log(sortdelements);
this.myarrayoutput.sort += 'After shift elements   : '  +   sortdelements.toString();
}

splice delete()

Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.

spliceelements: string[] = ['A Spanish 0','B Spanish 1','C Spanish 2','D Spanish 3','E Spanish 4','F Spanish 5'];
splicedelete() {
this.myarrayoutput.splicedelete = ''
this.myarrayoutput.splicedelete = 'Before splice delete length : '  +  this.spliceelements.length;
this.spliceelements.splice(0,1);
this.myarrayoutput.splicedelete += ' after splice delete (start: 0,deleteCount: 1) length : '  +  this.spliceelements.length;
this.myarrayoutput.splicedelete += ' , elements  : '  +  this.spliceelements.toString();
}

splice with insert()

Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.

spliceinsertelements: string[] = ['A Spanish 0','B Spanish 1','C Spanish 2','D Spanish 3','E Spanish 4','F Spanish 5'];
//splicedeleteinsertclickcount: number =0;
//Removes elements from an array and, if necessary, inserts new elements in their place, returning the deleted elements.
// deleteCount The number of elements to remove.
//items Elements to insert into the array in place of the deleted
elements
splicedeleteinsert() {
this.splicedeleteinsertclickcount += 1;
this.myarrayoutput.splicedeleteinsert = ''
this.myarrayoutput.splicedeleteinsert = 'Before splice delete length : '  +  this.spliceinsertelements.length;
let insertelement1: string  = 'Spanish ' + this.splicedeleteinsertclickcount
this.spliceinsertelements.splice(0,1, insertelement1);
this.myarrayoutput.splicedeleteinsert += ' after splice delete (start: 0,deleteCount: 1) length : '  +  this.spliceinsertelements.length;
this.myarrayoutput.splicedeleteinsert += ' , elements  : '  +  this.spliceinsertelements.toString();
}

unshift()

Inserts new elements at the start of an array.

shiftcallcount: number =0;
unshiftelements: string[] = ['A Spanish 0','B Spanish 1','C Spanish 2','D Spanish 3','E Spanish 4','F Spanish 5'];
unshift() {<br/>
this.shiftcallcount +=1;
let insertelement1: string  = 'Spanish unshift ' + this.shiftcallcount;
this.myarrayoutput.unshift = 'Before unshift length is : '  +  this.unshiftelements.length
  this.unshiftelements.unshift(insertelement1);
this.myarrayoutput.unshift += ' After unshift length is : '  +  this.unshiftelements.length
  this.myarrayoutput.unshift += ' Elements  : '  +  this.unshiftelements.toString();
}

every()

Determines whether all the members of an array satisfy the specified test.

everyelements: string[] = ['A Spanish 0','B Spanish 1','C Spanish 2','D Spanish 3','E Spanish 4','Spanish'];
every() {
this.myarrayoutput.every = '';
let aftercall =  this.everyelements.every(
(eve: string) => {
this.myarrayoutput.every +=eve + ',';
if ( eve === 'A Spanish 0') {
return true;
}else if (
eve === 'B Spanish 1'
) {
return true;
}else {
return false;
}
})
this.myarrayoutput.every += 'after every test fail value is : '  +  aftercall;
}

some()

Determines whether the specified callback function returns true for any element of an array.

someelements: string[] = ['A Spanish 0','B Spanish 1','C Spanish 2','D Spanish 3','E Spanish 4','Spanish', 'Spanish End Check'];
some() {
this.myarrayoutput.some = '';
this.someelements.some((ele: string) => {
if ( ele === 'Spanish'){
this.myarrayoutput.some += ele + ' = true ,'
return true;
}else  {
this.myarrayoutput.some += ele + ' = false ,'
return false;
}
}
)
}

map()

Calls a defined callback function on each element of an array, and returns an array that contains the results.

mapclickcount: number =0;
mapelements: string[] = ['A Spanish 0','B Spanish 1','C Spanish 2','D Spanish 3','E Spanish 4','Spanish'];
map() {
this.mapclickcount += 1;
this.myarrayoutput.map  = '';
this.myarrayoutput.map  = 'Before map length is : '  +  this.mapelements.toString();
this.mapelements = this.mapelements.map( ele => ele = ele +  '  Change  ' + this.mapclickcount.toString());
this.myarrayoutput.map  += 'after  map length is : '  +  this.mapelements.toString();
this.myarrayoutput.map  += ', length is : '  +  this.mapelements.length;
}

reduce()

Calls the specified callback function for all the elements in an array. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.

reduceelements: string[] = ['A0','B1','C2','D3','E4','F6'];
reduce() {
   this.myarrayoutput.reduce  = '';
   this.myarrayoutput.reduce  = 'Before ' + this.reduceelements.toString() ;
  let reducecall=  this.reduceelements.reduce((ele: string, ele1: string ) => {
     return  ele +  ' ' + ele1 ;
   });<br/>
   this.myarrayoutput.reduce  += ', After ' + reducecall.toString() ;
}

reduce example with number

reducenumberelements: number[] = [2,4,6,8,10];
reducenumber() {
this.myarrayoutput.reducenumber  = '';
this.myarrayoutput.reducenumber  = 'Before ' + this.reducenumberelements.toString() ;
let reducecall=  this.reducenumberelements.reduce((ele: number, ele1: number) => {
 return  ele + ele1;
});
this.myarrayoutput.reducenumber  += ', After ' + reducecall.toString() ;
}

reduceright()

Calls the specified callback function for all the elements in an array, in descending order. The return value of the callback function is the accumulated result, and is provided as an argument in the next call to the callback function.

reducerightelements: string[] = ['A0','B1','C2','D3','E4','F6'];
reduceright() {
  this.myarrayoutput.reduceright = '';
  this.myarrayoutput.reduceright ='Before reduceRight ' + this.reducerightelements.toString();
  let afterreduceright=  this.reducerightelements.reduceRight((ele1, ele2 ) => {return ele1+ele2;});
  this.myarrayoutput.reduceright += ' ,After reduceRight  ' + afterreduceright.toString();
}

Code Action @Stackbl itz