Local storage və Session storage nədir? (Fərqləri)

Local storage və Session storage görmək üçün:

1.Hər hansı bir səhifədə mouse-un sağ düyməsini click edib inspect seçin(Klaviaturadan F12 düyməsinə basın).

2.Buradan Application seçirik.

3.Storage seçmeklə biz Local storage və Session storage görəcəyik.

Həm Local storage həm də Session storage-də məlumatlar key-value olaraq yadda saxlanılır. Local storage və session storage arasındakı əsas fərq brauzeri bağladıqdan sonra session storage-də saxlanılan key-value cütlərinin silinməsidir. İndi bəzi nümunələrlə local storage necə işləyəcəyinə baxaq.

Local storage-ə key-value cütünü vermək.

localStorage.setItem('Name1', 'Kanan');

Local storage tipinə baxaq:

Yuxarıdakı nümunədə biz local storage-də key-value cütlərinin necə qurulacağını gördük. İndi local storage-dən məlumatları necə əldə edəcəyimizi baxaq.

Local storage-dən məlumat almaq

let name = localStorage.getItem('Name1')
console.log(name)

Result: Kanan

İndi isə mövcud olmayan bir dəyəri əldə etməyə çalışaq.

let name = localStorage.getItem('Name2')
console.log(name)

Result: null

Əgər local storage-dən mövcud olmayan bir şey əldə etməyə çalışsanız, nəticə null olacaq. Çox vaxt biz massivləri local storage-də saxlamaq istəyirik, çünki massivlərlə işləmək asandır (massivlər üçün çoxlu daxili metodlar var). Bununla belə, local storage bir məhdudiyyəti onun massivi string kimi saxlamasıdır. Nə demək istədiyimi görək:

  localStorage.setItem('Name1', 'Kanan');

  let fruitsArray = ['Apple', 'Banana', 'Orange', 'Grapes', 'Mango']
  localStorage.setItem('impArray', fruitsArray);

Bu problemi aradan qaldırmaq üçün , biz JSON.stringify istifadə edirik.

Massivin local storage-də saxlanması:

  localStorage.setItem('Name1', 'Kanan');

  let fruitsArray = ['Apple', 'Banana', 'Orange', 'Grapes', 'Mango']
  localStorage.setItem('impArray', JSON.stringify(fruitsArray));

Local storage-dən massiv əldə etmək.

 console.log(localStorage.getItem('impArray'));

Yuxarıdakı nəticə massiv kimi görünə bilər, lakin biz local storage-dən string əldə edirik.

 console.log(typeof localStorage.getItem('impArray'));

Buna görə də, local storage-dən massiv əldə etmək üçün JSON.parse istifadə edirik.

Local storage-dən massiv tipində almaq?

 console.log(JSON.parse(localStorage.getItem('impArray')));

JSON.stringify: Massivi local storage-də dəyər kimi saxlamaq üçün.

JSON.parse: local storage-dən massiv əldə etmək üçün.

Local storage təmizləmək.

  localStorage.setItem('Name1', 'Kanan');

  let fruitsArray = ['Apple', 'Banana', 'Orange', 'Grapes', 'Mango']
  localStorage.setItem('impArray', JSON.stringify(fruitsArray));

  localStorage.clear()

Beləliklə, biz localStorage.clear() istifadə edərək localStorage-i təmizləyə bilərik.

Local storage-dən yalnız 'name1' key-value cütünü silmək.

  localStorage.setItem('Name1', 'Kanan');

  let fruitsArray = ['Apple', 'Banana', 'Orange', 'Grapes', 'Mango']
  localStorage.setItem('impArray', JSON.stringify(fruitsArray));

  localStorage.removeItem('Name1');

Yuxarıda gördüyünüz kimi, müəyyən bir key-value cütünü silmək üçün localStorage.removeItem istifadə edirik.Bütün bunlar Local storage-ə aiddir.

Biz Session storage-də oxşar əməliyyatlar həyata keçiririk, yeganə fərq Local storage əvəzinə Session storage istifadə etməyimizdir:

• sessionStorage.setItem(Name1, 'Kanan');
• sessionStorage.getItem(Name1, 'Kanan');
• sessionStorage.setItem('impArray', JSON.stringify(fruitsArray));
• console.log(JSON.parse(sessionStorage.getItem('impArray')));
• sessionStorage.clear()
• sessionStorage.removeItem('Name1');

Təkrar edim: Local storage və Session storage arasında yeganə əsas fərq brauzeri bağlayan kimi Session storage-də saxlanan məlumatlar silinir.