0% found this document useful (0 votes)
3 views6 pages

JavaScript Basics: Data Types & Functions

Uploaded by

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

JavaScript Basics: Data Types & Functions

Uploaded by

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

Javascript

Number Null Object BigInt Boolean String Undefine

NUMBER SYMBOLE NULL BIGINT BOOLEAN STRING UNDEFINE

NUMBER SYMBOLE NULL BIGIN BOOLEAN STRING UNDEFINE

NUMBER SYMBOLE NULL BIGINT BOOLEAN STRING UNDEFINE

const a={
name:"shudhanshu",
lastname:"kumar",
mobilenumber:"8084286876"
}

a['friend']='shubham'

prompt
/* */

prompt

prompt

for(a in obj){
[Link](a+" "+obj[a]);
}

function oneplus(var a,var b){


return a+b;
}

[Link](obj).length

for(var i=0;i<[Link](obj).length;i++){
[Link]([Link](obj)[i]);
}

includes()

toString()

join()
pop()---remove 1 element from last
push()---add 1 element from last

shift()---remove first element


unshift()----add first element

delete()----- delete element

concat()

let num=[1,2,3,4,5,6,7,8,9]
let num_more=[2,3,4,,6,7]

let newArray=[Link](num_more)

sort()---for sorting elements

splice(start,number of elements to be remove or slice,adding new element)

slice(start,end-1)

reverse()---we have to reverse array

for item in obj()---they gives index of object

for item of obj-----they gives values of object

forEach(value,index,array)---we have to iterate through whole number and return


that values to callback function its did not makesnew array and just resturn
element one by one

let nums=[1,2,3,4,5]
[Link]((element)=>{
[Link](element)
})

[Link](a)

const name="harry"
let arr=[Link](name)
[Link](arr)

for(let i of num){
[Link](i);
}

map(value,index,array)--made a new array for every iteration


const a=[1,2,3]

let arr=[Link]((element)=>{
[Link](element)
})
[Link](arr)

const arr2=[45,23,21,0,3,5]
let a2=[Link]((a)=>{

return a<10;
})
[Link](a2)

const arr3=[45,23,21,0,3,5]
let a3=[Link]((a)=>{
return a<10;
}

[Link](a3)
reduce method

let arr1=[1,2,3,4]
[Link]((h1,h2)=>{
return h1+h2
})

return additing of arr1

alert()
confirm()
prompt()

DOM() BOM() JavaScript core

[Link]
[Link]
[Link]
[Link]
[Link]

[Link]
[Link]
[Link]
[Link]

let t=[Link]

let ctitle=[Link]("card-title")
let card_title=[Link]("card")[0]
card_title.[Link]="red"
card_title.[Link]="black"

getElementById

[Link]()
[Link](".card-title")----Select CSS Structure
[Link](".card-title")

Matches/ RETURN CSS SELECTOR


Cloest--- RESTURN NEAREST CSS SELECTOR
Contains---TRUE FALSE

[Link]("nav")[0].[Link]="red"

[Link]([Link]("nav")).forEach((element)=>{
[Link]="cyan"
})
let user=prompt("Enter S,W,G")
let cpu=[Link]([Link]()*3); let cup=[Link]([Link]()*3)
let cpi=["S","W","G"][cup] let cip=["S","W","G"][cup]

const match=(user,cpi)=>{
if(cpi===user)
}
[Link]
[Link]

innerHTML---inner values of attributes


outerHTML---whole attributes
textContent---inner text values

let a=[Link]("class")

getAttributes
setAttributes

getAttribites
setAttributes

has Attributes
removeAttributes

attributes

let div =[Link]('div');


[Link]='<h1>Hello World!</h1>

[Link](div);

[Link](div);----last
//[Link](div)
[Link](div);--between outer and inner
[Link]()--add before container its means that outside the container--at started

[Link]()--add after container its means that ---at end

[Link](div)

insertHTML Element

beforbegin-- insertHTML before element


afterbegin--after element
beforeend--
afterend

[Link]

<span>New E</span>

className()
classList()

onClick()
onChange()
onmouseenter()

addEventListener(event,handler)
removeEventListener(event,handler)
click

[Link]('click',function(e){
alert("Hello World!")
})

[Link]('click',function(e){
alert("Hello World!")
})

[Link]('click',function(e){
alert("Hello Workl!")
}

function loadScript(url,callback){
var script=[Link]("script")
[Link]=url;
[Link]=function(){
callback();
}
[Link](script)
}

function hello(){
alert("imshu")
}
loadScript('dgfdgfszf',hello)

let promise=new Promise(function(resolve,reject){


resolve(56)
alert("im am an alert in promise")
})

state
result
resolve(value)
reject(error)

let p1=new Promise(function(resolve,reject){


[Link]("Promise is pendig")
setTimeout(()=>{
[Link]("fulfilled")
resolve(true)
},5000)
})
let p2=new Promise(function(resolve,reject){
[Link]("Promise is pendig")
setTimeout(()=>{
[Link]("rejected")
reject(new Error('error'))
},5000)
})

[Link](value)=>{
[Link](value);
}
[Link](error)=>{
[Link](error)
}

Promise API

let promise_all=[Link]([p1,p2,p3])

promise_all.then((value)=>{
[Link](value)
}

[Link] --- give all values which is resolved

let p=fetch("-----")
[Link]((value1)=>{
return value1;
}).then(value2)=>{

return [Link];
}

[Link]()
[Link]()

You might also like