Menu
4.2 āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻ:
localStorage āĻšāĻ˛ āĻāĻ¯āĻŧā§āĻŦ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻ
āĻŦāĻā§āĻā§āĻ āĻ¯āĻž āĻŦā§āĻ°āĻžāĻāĻāĻžāĻ°ā§ āĻā§/āĻŽāĻžāĻ¨ āĻā§āĻĄāĻŧāĻž āĻ¸āĻāĻ°āĻā§āĻˇāĻŖ āĻāĻ°āĻžāĻ° āĻ
āĻ¨ā§āĻŽāĻ¤āĻŋ āĻĻā§āĻ¯āĻŧāĨ¤ āĻ¤āĻžāĻĻā§āĻ° āĻ¸āĻŽā§āĻĒāĻ°ā§āĻā§ āĻ¯āĻž āĻŽāĻāĻžāĻ° āĻ¤āĻž āĻšāĻ˛ āĻ¯ā§ āĻĄā§āĻāĻž āĻāĻāĻāĻŋ āĻĒā§āĻāĻ āĻ°āĻŋāĻĢā§āĻ°ā§āĻļ āĻāĻŦāĻ āĻāĻŽāĻ¨āĻāĻŋ āĻāĻāĻāĻŋ āĻ¸āĻŽā§āĻĒā§āĻ°ā§āĻŖ āĻŦā§āĻ°āĻžāĻāĻāĻžāĻ° āĻ°āĻŋāĻ¸ā§āĻāĻžāĻ°ā§āĻÂ āĻāĻ° āĻĒāĻ°āĻ āĻāĻŋāĻā§ āĻĨāĻžāĻā§āĨ¤ āĻāĻŽāĻ°āĻž āĻā§āĻŦ āĻļā§āĻā§āĻ°āĻ āĻ āĻŦāĻŋāĻˇā§ā§ āĻŦāĻŋāĻ¸ā§āĻ¤āĻžāĻ°āĻŋāĻ¤ āĻĻā§āĻāĻ¤ā§ āĻĒāĻžāĻŦāĨ¤
āĻāĻŽāĻžāĻĻā§āĻ° āĻŽāĻ¨ā§ āĻĒā§āĻ°āĻļā§āĻ¨ āĻāĻ¸āĻ¤ā§ āĻĒāĻžāĻ°ā§ āĻĄāĻžāĻāĻž āĻ°āĻžāĻāĻžāĻ° āĻāĻ¨ā§āĻ¯ āĻ¤ā§ āĻāĻ¤āĻŋāĻŽāĻ§ā§āĻ¯ā§ āĻā§āĻāĻŋāĻ āĻāĻā§. āĻ¤āĻžāĻšāĻ˛ā§ āĻāĻŦāĻžāĻ° āĻāĻ localStorage āĻŦāĻžÂ sessionStorage āĻāĻ° āĻĻāĻ°āĻāĻžāĻ° āĻāĻŋ?
- āĻāĻ¯āĻŧā§āĻŦ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻ āĻŦāĻā§āĻā§āĻāĻā§āĻ˛ā§ āĻĒā§āĻ°āĻ¤āĻŋāĻāĻŋ āĻ āĻ¨ā§āĻ°ā§āĻ§ā§āĻ° āĻ¸āĻžāĻĨā§ āĻ¸āĻžāĻ°ā§āĻāĻžāĻ°ā§ āĻĒāĻžāĻ āĻžāĻ¨ā§ āĻšāĻ¯āĻŧ āĻ¨āĻžāĨ¤ āĻ¯ā§ āĻāĻžāĻ°āĻŖā§, āĻāĻŽāĻ°āĻž āĻāĻ°ā§ āĻ āĻ¨ā§āĻ āĻĄāĻžāĻāĻž āĻ¸āĻāĻ°āĻā§āĻˇāĻŖ āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°āĻŋ. āĻŦā§āĻļāĻŋāĻ°āĻāĻžāĻ āĻŦā§āĻ°āĻžāĻāĻāĻžāĻ° āĻāĻŽāĻĒāĻā§āĻˇā§ 2 āĻŽā§āĻāĻžāĻŦāĻžāĻāĻ āĻĄā§āĻāĻž (āĻŦāĻž āĻ¤āĻžāĻ° āĻŦā§āĻļāĻŋ) āĻ āĻ¨ā§āĻŽāĻ¤āĻŋ āĻĻā§āĻ¯āĻŧ āĻāĻŦāĻ āĻ¸ā§āĻāĻŋ āĻāĻ¨āĻĢāĻŋāĻāĻžāĻ° āĻāĻ°āĻžāĻ° āĻāĻ¨ā§āĻ¯ āĻ¸ā§āĻāĻŋāĻāĻ¸ āĻĨāĻžāĻā§āĨ¤
- āĻ¸āĻžāĻ°ā§āĻāĻžāĻ° HTTP āĻšā§āĻĄāĻžāĻ°ā§āĻ° āĻŽāĻžāĻ§ā§āĻ¯āĻŽā§ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻ āĻŦāĻā§āĻā§āĻāĻā§āĻ˛āĻŋāĻā§ āĻŽā§āĻ¯āĻžāĻ¨āĻŋāĻĒā§āĻ˛ā§āĻ āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°ā§ āĻ¨āĻžāĨ¤ āĻāĻžāĻāĻžāĻ¸ā§āĻā§āĻ°āĻŋāĻĒā§āĻā§āĻ āĻ¸āĻŦāĻāĻŋāĻā§ āĻāĻ°āĻž āĻšāĻ¯āĻŧā§ āĻĨāĻžāĻā§āĨ¤
setItem(key, value) â āĻ¸ā§āĻā§āĻ° āĻā§/āĻā§āĻ¯āĻžāĻ˛ā§ āĻā§āĻĄāĻŧāĻžāĨ¤getItem(key) â āĻā§ āĻĻā§āĻŦāĻžāĻ°āĻž āĻŽāĻžāĻ¨ āĻĒāĻžāĻā§āĻžāĨ¤removeItem(key) â āĻā§āĻ¯āĻžāĻ˛ā§ āĻĻā§āĻŦāĻžāĻ°āĻž āĻā§ āĻ°āĻŋāĻŽā§āĻ āĻāĻ°āĻžāĨ¤clear() â āĻ¸āĻŦāĻāĻŋāĻā§ āĻŽā§āĻā§ āĻĢā§āĻ˛āĻžāĨ¤key(index) â āĻāĻāĻāĻŋ āĻ¨āĻŋāĻĻāĻŋāĻˇā§āĻ āĻ āĻŦāĻ¸ā§āĻĨāĻžāĻ¨ā§āĻ° āĻā§ āĻĒāĻžāĻā§āĻžāĨ¤length â āĻ¸āĻā§āĻāĻŋāĻ¤ āĻāĻāĻā§āĻŽ āĻ¸āĻ°ā§āĻŦāĻŽā§āĻ āĻ¸āĻāĻā§āĻ¯āĻžāĨ¤
localStorage āĻĄā§āĻŽā§:
āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻā§āĻ° āĻĄāĻžāĻāĻžāĻā§āĻ˛ā§ āĻŦā§āĻ°āĻžāĻāĻāĻžāĻ°ā§āĻ° āĻŦāĻŋāĻāĻŋāĻ¨ā§āĻ¨ āĻā§āĻ¯āĻžāĻŦ āĻāĻ° āĻāĻāĻ¨ā§āĻĄā§āĻ° āĻŽāĻ§ā§āĻ¯ā§ āĻļā§ā§āĻžāĻ° āĻšā§āĨ¤ āĻāĻāĻŋ āĻŦā§āĻ°āĻžāĻāĻāĻžāĻ° āĻ°āĻŋāĻ¸ā§āĻāĻžāĻ°ā§āĻ āĻāĻŦāĻ āĻāĻŽāĻ¨āĻāĻŋ OS āĻ°āĻŋāĻŦā§āĻ āĻšāĻāĻ¯āĻŧāĻžāĻ° āĻĒāĻ°ā§āĻ āĻĄāĻžāĻāĻžāĻ° āĻŽā§ā§āĻžāĻĻ āĻļā§āĻˇ āĻšā§ āĻ¨āĻžāĨ¤ āĻāĻĻāĻžāĻšāĻ°āĻŖāĻ¸ā§āĻŦāĻ°ā§āĻĒ, āĻ¨āĻŋāĻā§āĻ° āĻā§āĻĄāĻāĻŋ āĻāĻžāĻ˛āĻžāĻ¨āĨ¤
localStorage.setItem(‘test’, 1);
alert( localStorage.getItem(‘test’) );
āĻ āĻŦāĻā§āĻā§āĻā§āĻ° āĻŽāĻ¤ā§ āĻ ā§āĻ¯āĻžāĻā§āĻ¸ā§āĻ¸āĻ
āĻāĻŽāĻ°āĻž āĻāĻžāĻāĻ˛ā§ āĻ āĻŦāĻā§āĻā§āĻā§āĻ° āĻŽāĻ¤ā§ āĻāĻ°ā§āĻ āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻā§ āĻĄāĻžāĻāĻž get/set āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°āĻŋāĨ¤ āĻāĻŽāĻ¨āĻāĻŋ āĻĄāĻžāĻāĻž āĻĄāĻŋāĻ˛āĻŋāĻāĻ āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°āĻŋāĨ¤ āĻāĻ˛ā§āĻ¨ āĻĻā§āĻāĻŋ āĻāĻŋāĻāĻžāĻŦā§ āĻāĻ°āĻŦāĨ¤// For setting key
localStorage.test = 2;
// For getting key
alert( localStorage.test ); // 2
// For removing key
delete localStorage.test;
āĻ˛ā§āĻĒā§āĻ° āĻŽāĻžāĻ§ā§āĻ¯āĻŽā§ āĻā§ āĻ ā§āĻ¯āĻžāĻā§āĻ¸ā§āĻ¸āĻ
āĻāĻŽāĻ°āĻž āĻāĻ¤āĻŋāĻŽāĻ§ā§āĻ¯ā§ āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻā§āĻ° āĻĄāĻžāĻāĻž āĻāĻŋ āĻāĻ°ā§Âset,get,delete āĻāĻ°āĻž āĻ¯āĻžā§ āĻ¤āĻž āĻĻā§āĻāĻ˛āĻžāĻŽāĨ¤ āĻāĻāĻ¨ āĻŽāĻ¨ā§ āĻĒā§āĻ°āĻļā§āĻ¨ āĻāĻ¸āĻ¤ā§ āĻĒāĻžāĻ°ā§, āĻāĻŋ āĻāĻ°ā§ āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻā§āĻ° āĻ¸āĻŦāĻā§āĻ˛ā§ āĻā§/āĻā§āĻ¯āĻžāĻ˛ā§ āĻā§āĻĄāĻŧāĻž āĻ
ā§āĻ¯āĻžāĻā§āĻ¸ā§āĻ¸ āĻāĻ°āĻž āĻ¯āĻžā§?
āĻĻā§āĻ°ā§āĻāĻžāĻā§āĻ¯āĻŦāĻļāĻ¤, āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻā§āĻ° āĻ
āĻŦāĻā§āĻā§āĻ Iterable āĻ¨ā§āĨ¤ āĻ¤āĻŦā§ āĻāĻāĻāĻŋ āĻāĻĒāĻžāĻ¯āĻŧ āĻšāĻ˛ āĻ
ā§āĻ¯āĻžāĻ°ā§āĻ° āĻāĻĒāĻ° āĻ¤āĻžāĻĻā§āĻ° āĻ˛ā§āĻĒ āĻāĻ°āĻžāĨ¤
for(let i=0; i<localStorage.length; i++) {
let key = localStorage.key(i);
alert(`${key}: ${localStorage.getItem(key)}`);
}
for key in localStorageāĻ˛ā§āĻĒ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻž, āĻ āĻŋāĻ āĻ¯ā§āĻŽāĻ¨ āĻāĻŽāĻ°āĻž āĻ¨āĻŋāĻ¯āĻŧāĻŽāĻŋāĻ¤ āĻ
āĻŦāĻā§āĻā§āĻā§āĻ° āĻ¸āĻžāĻĨā§ āĻāĻ°ā§ āĻĨāĻžāĻāĻŋāĨ¤
for(let key in localStorage) {
if (!localStorage.hasOwnProperty(key)) {
continue;
}
alert(`${key}: ${localStorage.getItem(key)}`);
}
āĻļā§āĻ§ā§āĻŽāĻžāĻ¤ā§āĻ° āĻ¸ā§āĻā§āĻ°āĻŋāĻāĻ
āĻŽāĻ¨ā§ āĻ°āĻžāĻāĻŦā§āĻ¨, āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻā§āĻ° Â āĻā§ āĻāĻŦāĻ āĻā§āĻ¯āĻžāĻ˛ā§ āĻāĻāĻ¯āĻŧāĻ āĻ¸ā§āĻā§āĻ°āĻŋāĻ āĻšāĻ¤ā§ āĻšāĻŦā§āĨ¤ āĻ¯āĻĻāĻŋ āĻ āĻ¨ā§āĻ¯ āĻā§āĻ¨ āĻĒā§āĻ°āĻāĻžāĻ° āĻšāĻ¯āĻŧ, āĻ¯ā§āĻŽāĻ¨ āĻāĻāĻāĻŋ āĻ¸āĻāĻā§āĻ¯āĻž, āĻŦāĻž āĻāĻāĻāĻŋ āĻŦāĻ¸ā§āĻ¤ā§, āĻāĻāĻŋ āĻ¸ā§āĻŦāĻ¯āĻŧāĻāĻā§āĻ°āĻŋāĻ¯āĻŧāĻāĻžāĻŦā§ āĻ¸ā§āĻā§āĻ°āĻŋāĻ āĻ āĻ°ā§āĻĒāĻžāĻ¨ā§āĻ¤āĻ°āĻŋāĻ¤ āĻšāĻ¯āĻŧāĨ¤localStorage.user = {name: “Rajib”};
alert(localStorage.user);
JSONÂ āĻ
āĻŦāĻā§āĻā§āĻ āĻ¸āĻāĻ°āĻā§āĻˇāĻŖ āĻāĻ°ā§āĻ āĻāĻāĻŋāĻā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻ¤ā§ āĻĒāĻžāĻ°āĻŋāĨ¤
localStorage.user = JSON.stringify({name: “Rajib”});
let user = JSON.parse( localStorage.user );
alert( user.name );
alert( JSON.stringify(localStorage, null, 2) );
- āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻ āĻāĻāĻā§āĻŽ āĻ¸ā§āĻ āĻāĻ°āĻž, āĻā§āĻā§ āĻŦā§āĻ° āĻāĻ°āĻž, āĻĄāĻŋāĻ˛āĻŋāĻ āĻāĻ°āĻž āĻāĻŦāĻ āĻ¸ā§āĻā§āĻ° āĻĨā§āĻā§ āĻ¸āĻŦ āĻāĻāĻā§āĻŽ āĻā§āĻ˛āĻŋā§āĻžāĻ° āĻāĻ°āĻžāĨ¤
//setting a item on local storagelocalStorage.setItem(“lastname”, “Doe”);localStorage.setItem(“firstname”, “John”);localStorage.setItem(“age”, “34”);//getting a item from local storageconst age = localStorage.getItem(‘age’);//removing a itemlocalStorage.removeItem(“lastname”);//removing everything from Local StoragelocalStorage.clear();
- āĻāĻāĻāĻŋ āĻŦāĻžāĻāĻ¨ā§ āĻāĻ¤āĻŦāĻžāĻ° āĻā§āĻ˛āĻŋāĻ āĻšāĻ˛ āĻāĻŖāĻ¨āĻž āĻāĻ°āĻžāĻ
Function showTotalClicks() {
if(typeof(Storage) !== “undefined”) {
if (localStorage.totalClick) {
localStorage.totalClick = Number(localStorage.totalClick)+1;
} else {
localStorage.totalClick = 1;
}
document.getElementById(“result”).innerHTML = “You have clicked the button “ + localStorage.totalClick + ” time(s).”;
}
}
- localstorage āĻāĻ° āĻ¸āĻŦ āĻāĻāĻā§āĻŽ āĻĒā§āĻ°āĻŋāĻ¨ā§āĻāĻ
for (var i = 0; i < localStorage.length; i++){
let val = localStorage.getItem(localStorage.key(i));
console.log(val);
}
- āĻā§āĻāĻŋ āĻāĻāĻ āĻ¨āĻž āĻāĻ°ā§ āĻā§āĻ¨ āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻŦ?
- āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻāĻ° āĻŽā§āĻŽāĻ°āĻŋ āĻ¸ā§āĻĒā§āĻ¸ āĻāĻ¤?
- āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻ āĻā§āĻ¨ âāĻāĻŋâ āĻāĻ° āĻŦāĻŋāĻĒāĻ°ā§āĻ¤ā§āĻ° āĻā§āĻ¯āĻžāĻ˛ā§ āĻāĻŋāĻāĻžāĻŦā§ āĻā§āĻā§ āĻĒāĻžāĻŦā§?
- āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻāĻ° āĻ¸āĻŦ āĻā§āĻ˛ā§ āĻāĻŋ-āĻā§āĻ¯āĻžāĻ˛ā§ āĻĒā§āĻ°āĻŋāĻ¨ā§āĻ āĻāĻ°āĨ¤
- āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻā§āĻ¨ āĻā§āĻ¨ āĻā§āĻˇā§āĻ¤ā§āĻ°ā§ āĻŦā§āĻ¯āĻŦāĻšāĻžāĻ° āĻāĻ°āĻž āĻ¯ā§āĻ¤ā§ āĻĒāĻžāĻ°ā§?
- āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻāĻ° āĻā§āĻ¯āĻžāĻ˛ā§ āĻāĻŋ āĻāĻāĻžāĻ°ā§āĻŦāĻ˛?
- āĻ˛ā§āĻāĻžāĻ˛ āĻ¸ā§āĻā§āĻ°ā§āĻ āĻāĻ° āĻā§āĻ¯āĻžāĻ˛āĻŋāĻĄāĻŋāĻāĻŋ āĻāĻ¤āĻā§āĻˇāĻŖ āĻĨāĻžāĻā§?
