****************Array Methods**************

 let ind=["dhoni","kohli","raina","rohit"];



// PUSH()-ADDS AN ELEMENT IN THE END
ind.push("Bumrah");


// POP()-DELETES THE LAST ELEMENT

ind.pop();




// UNSHIFT()-ADDS AN ELEMENT IN THE BEGINNING
ind.unshift("Sachin");

// SHIFT()- DELETES THE FIRST ELEMENT
ind.shift();
// indexOf-returns the index of the element if exists else returns =1
console.log(ind.indexOf("dhoni"));
console.log(ind.indexOf("kohli"));
console.log(ind.indexOf("jaddu"));

// includes- returns true if element exists and false if not
console.log(ind.includes("dhoni"));
console.log(ind.includes("jaddu"));




// CONCAT-MERGES TWO STRINGS
let str1=["blue","red","yellow"];
let str2=["green","orange","black"];
str1.concat(str2);
str2.concat(str1);

// REVERSE-REVERSES A STRING
str1.reverse();
str2.reverse();


// SLICE-RETURNS A COPY OF THE STRING
let cars=["royce","benz","audi","tesla","ferrari","mcClaren","lamborgini"];
cars.slice();
cars.slice(4);
cars.slice(4,6);
cars.slice(-3);
cars.slice(10);


// SPLICE-IT REMOVES/REPLACES/ADDS ELEMENTS TO THE ORIGINAL ARRAY
cars.splice(6);
cars.splice(1,0);
cars.splice(0,1,"BMW","Tata");

//THE CODE AND THE PICTURE BELOW ARE DIFFERENT//

// SORT-SORTS THE ARRAY, THIS METHOD FIRST CONVERTS THE ELEMENTS INTO STRINGS AND THEN SORT
// characters and strings are sorted in alphabetical order
let chars=['z','x','l','k','o'];
chars.sort();
cars.sort();

// numbers are converted to strings and then sorted
let nums=[3,1,5,2,88,96,68,12];
nums.sort();






Comments

Post a Comment

Popular posts from this blog

Callback Hell

Image
      < h1 > call Hell Demo </ h1 > let h1 = document . querySelector ( "h1" ); function changeColor ( color , delay , NextchangeColor ) {   setTimeout (() => {     h1 . style . color = color ;     if ( NextchangeColor ) NextchangeColor ();   }, delay ); } changeColor ( "red" , 1000 ,() => {     changeColor ( "blue" , 1000 ,() => {         changeColor ( "orange" , 1000 ,() => {             changeColor ( "green" , 1000 ,() => {                 changeColor ( "yellow" , 1000 );             })         })     }) });
Read more

TODO list with DOM

Image
 HTML <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > TODO List with DOM </ title > </ head > < body >     < h1 > TODO List </ h1 >     < input placeholder = "Enter Task" >     < button > Add Task </ button >     < ul >         < li > Eat < button class = "delbtn" > delete </ button ></ li >         < li > Sleep < button class = "delbtn" > delete </ button ></ li >     </ ul >     < script src = "TODOwithDOM.js" ></ script > </ body > </ html > JS let btn = document . querySelector ( "button" ); let inp = document . querySelector ( "input" ); let ul = do...
Read more

Refactoring callback hell code

Image
  let h1 = document . querySelector ( "h1" ); function changeColor ( color , delay ) {   return new Promise (( resolve , reject ) => {     setTimeout (() => {       h1 . style . color = color ;       resolve ( "color changed" );     }, delay );   }); } changeColor ( "red" , 1000 )   . then (() => {     console . log ( "Color changed to Red" );     return changeColor ( "orange" , 1000 );   })   . then (() => {     console . log ( "color changed to orange" );     return changeColor ( "green" , 1000 );   })   . then (() => {     console . log ( "color changed to green" );     return changeColor ( "blue" , 1000 );   })   . then (() => {     console . log ( "color changed to blue" );   });
Read more