2018-02-21

 >  >  > カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】

カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】

更新日:2017.03.02
HOMEJavaScript入門(HTML5編) > 配列をStorageに保存する

配列をStorageに保存する-JavaScript入門(HTML5編)

このページでは、配列をStorageに保存する方法を見ていきます

カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
ユーパワー アートフレーム アニー・フィスク Gel加工 カッパーバーチ2 AR-22005(1コ入)【ユーパワー】【送料無料】海外セレブ愛用のスミノエ modeS モードS 価格 交渉 送料無料 シェード mila schon D-7431~7432 プレーンシェード コード式(R07H)
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】の幅広い品揃えをいつでもお安く
カーテン&シェード 価格 交渉 送料無料 川島セルコン オーダーカーテン !´m アイム Mineral&Chic ME2117~2118 スタンダード縫製 約1.5倍ヒダ カーテン&シェード 価格 交渉 送料無料 川島セルコン オーダーカーテン !´m アイム Mineral&Chic ME2061~2062 スタンダード縫製 約2倍ヒダ
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
3層硬わた敷布団: ジュニア 敷き布団 布団 ジュニア布団 敷布団 保温 抗菌 防臭 防ダニ 羽毛布団タッチ お昼寝ふとん お昼寝布団 こども ベビー 保育園 洗える 丸洗い 洗える布団 ベビー布団 寝具 アウトレット インテリア おしゃれ アジアン あったか あたたか 和モダン 日本製スーパーハードスプリングマットレス《ダブル》:送料無料の幅広い品揃えをいつでもお安く
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
【送料無料】 純国産 い草ラグカーペット 『バリアス』 ベージュ 約191×191cm イケヒコ 【メーカー直送:代引き不可】【北海道/沖縄/離島は別途送料】海外セレブ愛用のAMS 掛け時計 機械式 アナログ ゴールド ドイツ製 AMS539 30%OFF 納期3~4週間 (YM-AMS539)
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
海外セレブ愛用のプリーツスクリーン 送料無料!トーソープリーツスクリーン しおり(F価格帯) コードツイン プリント あられ 幅 80×高さ 100cm まで ネルソンクロック 壁掛け時計 ウォールクロックジョージネルソン 掛け時計 ペダルクロックデザイナーズ時計 リプロダクト
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
【送料無料】 460ソリッド型シェルフプレートキット 固定用 ESK1824S1 【品番】DKY5408 ★税抜5000円以上で送料無料★激安祭海外セレブ愛用のLUGS クローゼット収納ボックス1段 ダークブラウン 【12個組】 送料込!
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
海外セレブ愛用の\ページ限定・カードケース付/ セトクラフト 傘立て 楽器 SA-0104 Lij045 ■送料無料・代引手数料無料■ オーダーカーテン レースカーテン リリカラ SALA LS-69499 2倍ヒダ レギュラー縫製 幅45~100cm×丈261~280cm
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
高さ900mm作業台 キャスター付 幅1800×奥行900×高さ900mm 均等耐荷重100kg【OHK-1890CH】 ローズテクニーJNR1003【SGI】シンプルタイプの幅広い品揃えをいつでもお安く
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
105コンパクトデスク&チェアー&ワゴン デスク3点セット 机 イス 椅子 引き出し キャスター付き お子様に安全 オイル塗装仕上げ天然杢アルダー材 送料無料 【送料無料】ルーバースクリーン(パーテーション/ 衝立) 【2: 3連】 木製 キャスター付き 角度調節可 ナチュラル【代引不可】
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
【送料無料&セール】サンゲツカーペット サンマイルド 色番MD-4 サイズ 220cm 円形 【防ダニ】 【日本製】【デジコレクション】海外セレブ愛用の【P10倍】 カリモク キャビネット 横桟扉 QU2068ME QU2068MS QU2068MH QU2068MK 送料無料 【家具のよろこび】 【店頭受取対応商品】
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
掛け時計【送料無料】【Lemnos レムノス】 Syn Pendulum シン パンドラム KL08-20 掛け時計 壁掛け 壁掛け時計 掛時計 時計 スチール デザイン インテリア 240147の幅広い品揃えをいつでもお安く【送料無料】オーダーカーテン▼ドレープ ソフトウェーブ縫製 1.5倍ヒダ・2つ山・片開き 下部3ッ巻▼川島織物セルコン !'mシリーズ ME2179~2181I'm アイム
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
カーテン&シェード 価格 交渉 送料無料 川島セルコン オーダーカーテン !´m アイム CLASSIC ELEGANCE ME2200~2203 スタンダード縫製 約2倍ヒダ 【送料無料】インテリア小物 置物 陶器製 西洋皿等モル年母日プレートmors dag 1969 muttertagsteller
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
即納可【完成品】 カーボン製 ローテーブル TREE ツリーテーブル フルカーボン 軽量 CARBON 机 テーブル デスク カーボンファイバー 組み立て不要 TA10サイドテーブル 木製 アイアン シンプル モダン アンティーク 木目 無垢 天然木 鉄製 鉄脚 おしゃれ コンソールテーブル 花台 シーシャムとアイアンのネストテーブル L
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
天童木工 座卓 幅755 ケヤキ T-0263KY-NT海外セレブ愛用のカーテン オーダーカーテン クラシックカーテン 東リ エルーア KSA1149 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
ディスプレイラック・カラーボックス オーブンタイプ 階段型収納 幅128 奥行き30 高さ128cm ブラウン レクタックス フレキシブルテレビ台/テレビボード 【幅125cm】 37型~52型対応 ウォールナット SO-225WAL
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
【送料無料★ポイント10倍】横型アルミブラインド ネジ止め式 25mmスラット 標準▼シルキー▼タチカワブラインド (激安 国産 オーダー 省エネ 節電)★北海道本島・沖縄本島へも送料無料!の幅広い品揃えをいつでもお安くトーソー ロールスクリーン ラビータ ナイト遮光3級 オーダーサイズ 幅61cm~90cm×丈61cm~100cm
カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】
ポイント最大16倍_ソファー 3人掛け 木肘レトロソファ【JARNEY】ジャーニー_送料無料 楽座 リクライニングチェア カラー2色 布張り ミドルタイプ 高齢者家具ベージュ ダークブラウン 組立式 KSC-844BE KSC-845DB コイズミファニテック 暮らしの泉 優しい椅子シリーズ インテリア 家具 雑貨 セール 送料無料 F+C エフプラスシー
。。 1つはtoString()を使って文字列に変換して保存する方法、 もう1つはJSONという形式を利用する方法です。

toString()を使って配列を保存する

最初はtoString()を使って配列を保存する方法を見てみましょう。

配列.toString()
配列の要素をコンマ「,」を使って繋げた文字列にします。
配列 = 文字列.split(",")
コンマ「,」で区切られた文字列を分割して配列に格納します。

以下の流れでサンプルスクリプトを組んでいます。 スクリプト中のコメントと見比べながら読み進めて下さい。

<form>
<input type="button" id="btn" value="配列の保存">
</form>
<script>
document.getElementById("btn").addEventListener("click",function(){
  //果物名を入れた配列fruitsを作成
  var fruits = new Array("リンゴ","ブドウ","レモン");
  //配列をtoString()で文字列に変換し、変数str1に格納する
  var str1 = fruits.toString();
  alert(str1);
  //セッションストレージに変数str1をkey名「tostr」で書き込む
  sessionStorage.setItem("tostr" , str1 );
  //ストレージからkey名「tostr」のデータを変数str2に読み込む
  var str2 = sessionStorage.getItem("tostr");
  //配列arrを作成し、読み込んだデータを分割して格納する
  var arr = new Array();
  arr = str2.split(",");
  //配列の3番目の要素を表示
  alert( arr[2] );
},false);
</script>

<サンプル>

海外セレブ愛用のカーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】の幅広い品揃えをいつでもお安く

上記のボタンを押すと、最初に「リンゴ,ブドウ,レモン」と表示されると思います。 配列の各要素がコンマで繋がれた文字列に変換されているのが分かります。

続いて「レモン」と表示されます。 配列arrの3番目の要素が、元の配列fruitsの3番目の要素と同じであることが確認できました。 つまり「配列を文字列に変換→Storageに書込→読込→配列に戻す」という処理が成功したことが分かります。

ただこの方法で問題なのは、配列の要素の中に半角コンマが含まれていると駄目な点です。。 その場合はtoString()ではなく、for文を使って別の文字で繋いでいく必要があるでしょう 。

JSONを使って配列を保存する

今度はJSON形式というものを利用してストレージに保存する方法を見ていきます。 JSONに関してはここでは詳しく述べません。とり合えずやり方だけ見ていきましょう。

配列とJSON文字列との変換に関する命令をまず見ておきましょう。

JSON.stringify( 配列 )
JavaScriptオブジェクト(ここでは配列)をJSON文字列に変換する。
JSON.parse( JSON文字列 )
JSON文字列をJavaScriptオブジェクト(今回は配列)に変換する。

以下にスクリプトの流れを載せておきます。 実際のスクリプト内に記載されたコメントと見比てみてください。

<form>
<input type="button" id="jsn" value="配列の保存">
</form>
<script>
document.getElementById("jsn").addEventListener("click",function(){
  //果物名を入れた配列fruitsを作成
  var fruits = new Array("リンゴ","ブドウ","レモン");
  //配列をJSON文字列に変換してアラート表示させる
  var jstr = JSON.stringify( fruits );
  alert( jstr );
  //JSON文字列をセッションストレージに書き込む
  sessionStorage.setItem( "jsons" , jstr );
  //ストレージから読み込んだJSON文字列を配列に戻す
  var arr = JSON.parse( sessionStorage.getItem("jsons") );
  //配列の2番目の要素をアラート表示
  alert( arr[1] );
  
},false);
</script>

<サンプル>

ボタンを押すと、["リンゴ","ブドウ","レモン"]と表示されます。 これがJSON文字列で配列を表記したものです。これをStorageに書き込みます。

続いて「ブドウ」と表示されます。Storageから読み出して配列に戻し、配列arrに格納した2番目の要素は、 配列fruitsの2番目の要素と同じであることが確認できました。。。

ページトップへ
前へ  INDEXへ  次へ

カーテン オーダーカーテン 和風カーテン 東リ エルーア KSA1183~KSA1184 ソフトプリーツ加工(SL)2倍ヒダ 幅201~250cm×丈161~180cm (横455×縦50cm) オーダーカーテン 【送料無料】

{yahoojp}nc02-myp12-gui-6178