반응형
#storing multidimensional array in localstorage
2차원 배열 데이터를 HTML5의 localstorage에 저장하는 예제
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>How to store multidimensional array in localstorage</title>
</head>
<body>
<script>
var a = [1,2,3];
var b = [4,5,6];
var c = [7,8,9];
var d = ["web","design","and","development"];
var x = [a, b, c, d];
localStorage.setItem("arr", JSON.stringify(x));
var z = JSON.parse(localStorage.getItem("arr"));
for( var i=0; i< z.length; i++ ) {
for( var j=0; j < z[i].length; j++ ) {
console.log( "z[" + i + "][" + j + "] = " + z[i][j] );
}
}
</script>
</body>
</html>IE는 로컬 파일을 브라우저에서 직접 열었을 때 로컬스토리지를 인식하지 못하므로 로컬에서 파일로 열 때는 크롬에서 테스트 가능하다.
출력 console log
출처 http://webskills.kr/archives/565
반응형
'Programming > Web' 카테고리의 다른 글
| #LocalStorage 예제 (0) | 2019.10.11 |
|---|---|
| #로컬스토리지 배열에 객체 추가하기 예제 (0) | 2019.10.08 |