回答編集履歴
1
コメントに対する追加の回答
test
CHANGED
@@ -33,3 +33,43 @@
|
|
33
33
|
|
34
34
|
|
35
35
|
やるべきことは、こんな感じです。
|
36
|
+
|
37
|
+
|
38
|
+
|
39
|
+
----
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
追記)
|
44
|
+
|
45
|
+
配列の要素には、必要なプロパティを持ったオブジェクトを辞書形式データにして格納する例
|
46
|
+
|
47
|
+
```javascript
|
48
|
+
|
49
|
+
// localStorage に保存する配列(Array)のイメージ
|
50
|
+
|
51
|
+
var items = [
|
52
|
+
|
53
|
+
{ text:"TODO項目1", mark: true }, // 重要の印をつける
|
54
|
+
|
55
|
+
{ text:"TODO項目2", mark: false } // 重要の印をつけない
|
56
|
+
|
57
|
+
:
|
58
|
+
|
59
|
+
];
|
60
|
+
|
61
|
+
|
62
|
+
|
63
|
+
// 配列の要素(1件のTODO情報)
|
64
|
+
|
65
|
+
var item = { text:"TODO項目N", mark: "重要度の印?" };
|
66
|
+
|
67
|
+
|
68
|
+
|
69
|
+
item.push( item ); // push() や unshift() が追加 / pop() や shift() が取り出し。
|
70
|
+
|
71
|
+
```
|
72
|
+
|
73
|
+
[JavaScriptでTodoリストを作ろう!](https://qiita.com/__init__/items/d1c59c87808fc180c871) では、TODO項目のみを扱った事例で localStorage の機能確認をされています。
|
74
|
+
|
75
|
+
(リンク先では見栄えのために外部のファイルを読んでいますが、処理の仕組みはHTML,JavaScriptだけ実現できます)
|