- 자바스크립트 객체를 JSON으로 변환후 로컬스토리지에 올리기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//JS객체
const obj = {name:"Hong Gil Dong", age:16, address:"한 양"}
//객체 -> JSON(문자열)로 변환
const jsonStr = JSON.stringify(obj)
console.log(jsonStr)
//로컬스토리지에 올리기
localStorage.setItem("sample", jsonStr)
//배열형태 데이터 로컬스토리지에 올리기
const arr = [
{name:'샤프', price: 3000},
{name:'볼펜', price: 1500},
]
localStorage.setItem("products", JSON.stringify(arr))
</script>
</body>
</html>"JSON은 문자열이다" 라는 사실을 잘 기억하자
- 로컬스토리지에서 가져온 JSON을 객체로 변환후 console.log 해보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//로컬 스토리지 예문
//로컬스토리지에서 데이터 가져오기
const msg = localStorage.getItem("sample")
//문자열(JSON)을 JS 객체로
const obj = JSON.parse(msg)
console.dir(obj)
//로컬스토리지에서 데이터 가져오기(배열)
const arrStr = localStorage.getItem("products")
const products = JSON.parse(arrStr)
for (let i = 0; i < products.length ; i++) {
console.log(products[i])
}
</script>
</body>
</html>