This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let dataFetchedFromRemote = { | |
name:"ABC corp", | |
address: "4090 Shady Pines Drive Independence VA", | |
postalCode: "24348" | |
} | |
localStorage.setItem('companyInfo', JSON.stringify(dataFetchedFromRemote)) | |
//Before setting item in localStorage, you have to make the data string. | |
//this code stores the dataFetchedFromRemote in the user's client |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let dataFetchedFromRemote = { | |
name:"ABC corp", | |
address: "4090 Shady Pines Drive Independence VA", | |
postalCode: 24348 | |
} | |
localStorage.setItem('companyInfo', JSON.stringify(dataFetchedFromRemote)) | |
//this code stores the dataFetchedFromRemote in the user's client | |
let companyInfo = localStorage.getItem('companyInfo') | |
let parsedCompanyInfo = JSON.parse(companyInfo); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let dataFetchedFromRemoteForCompanyInfo = { | |
name:"ABC corp", | |
address: "4090 Shady Pines Drive Independence VA", | |
postalCode: 24348 | |
} | |
let dataFetchedFromRemoteForUserInfo = { | |
name:"ABC corp", | |
title: "manager", | |
} | |
localStorage.setItem('companyInfo', JSON.stringify(dataFetchedFromRemoteForCompanyInfo)) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let dataFetchedFromRemoteForCompanyInfo = { | |
name:"ABC corp", | |
address: "4090 Shady Pines Drive Independence VA", | |
postalCode: 24348 | |
} | |
let dataFetchedFromRemoteForUserInfo = { | |
name:"ABC corp", | |
title: "manager", | |
} | |
localStorage.setItem('companyInfo', JSON.stringify(dataFetchedFromRemoteForCompanyInfo)) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let DB_NAME = 'testIDB' // Name of database => one origin can have as many databases as it wants. | |
let OBJECT_STORE_NAME = 'testObjectStore' // Name of object store. => one database can have as many object store as it wants. | |
let request = indexedDB.open(DB_NAME, 1) // fire to open DB named 'testIDB' version 1. | |
request.onupgradeneeded = (e) => { | |
//when the database named 'testIDB' does not exist. | |
//Or need to update to the latest version.(not discussing here) | |
console.log(e); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let DB_NAME = 'testIDB' // Name of database => one origin can have as many databases as it wants. | |
let OBJECT_STORE_NAME = 'testObjectStore' // Name of object store. => one database can have as many object store as it wants. | |
let request = indexedDB.open(DB_NAME, 1) // fire to open DB named 'testIDB' version 1. | |
request.onupgradeneeded = (e) => { | |
let db = request.result; | |
let objectStore = db.createObjectStore(OBJECT_STORE_NAME,{keyPath:"id"}); | |
console.info('database and object store created'); | |
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const mutateDatabase = (_store, _data) => { | |
return new Promise((res,rej)=> { | |
let openRequest = indexedDB.open('testIDB', 1); | |
openRequest.onsuccess = () => { | |
let db = openRequest.result; | |
let transaction = db.transaction(_store,'readwrite'); | |
let store = transaction.objectStore(_store) | |
let request = store.put(_data); | |
request.onerror = ()=> console.error('error', request.error) | |
request.onsuccess = () => res({status:200, data:_data}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const employeeSalaryMap = new Map(); | |
employeeSalaryMap.set('Mike', 5000); | |
employeeSalaryMap.set('Sandy', 8000); | |
employeeSalaryMap.set('Clark', 9000); | |
let size = employeeSalaryMap.size; | |
console.log(size) //3 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const employeeSalaryObject = {Mike:5000, Sandy:8000, Clark:9000} | |
const keyArray = Object.keys(employeeSalaryObject); // convert to keys-array | |
const size = keyArray.length; | |
console.log(size) //3 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const objectMaker = (_size)=>{ | |
//create an object with size of _size | |
let obj = {} | |
for(let i=0; i<_size; i++){ | |
obj[i.toString()] = i | |
} | |
return obj | |
} | |
const mapMaker = (_size)=>{ |