nocblog

  • 連想配列とオブジェクトの違い

    一瞬頭がこんがらがった。記述の仕方は同じなのに、結果が出てこないし、JSONオブジェクトにも変換できない。どうしてなんだろうと思ったら、自分が記述していたのは連想配列のほうだった。

    連想配列

    var a = [];
a["hoge"] = 1; //a.hoge = 1;
console.log(a);
//結果：[]Code language: JavaScript (javascript)

    オブジェクト

    var a = {};
a["hoge"] = 1; //a.hoge = 1;
console.log(a);
//結果：Object > hoge: 1, __proto__: Object >Code language: JavaScript (javascript)

    var a = [];は var a = Array();
    var a = {}; は var a = Object();

    記述は同じだけど、中身の扱いが全く違う別物なので、初歩的ミスながら気づくのにちょっと時間がかかってしまった。

  • Javascriptで連想配列 hoge[“map”] が使えない理由

    連想配列を作ろうと思い hoge[“map”] = 1 と代入しようとしたらエラーが発生した。
    なぜなんだろうと思い調べたら、下記の記載を見つけた。

    JavaScriptの配列ってmapとかfilterとかあったんだ – phithonの日記

    [“map”]は .mapとしても使えるので、予め配列にはmapメソッドが定義されていたらしい。mapは全ての配列の値に対して計算を行い配列を返すメソッドらしい。こんな便利なものがあったとは知らなかった。

    .filterというのは、ifのような条件式のようだ。これを使うと絞込みをできる。.sortは名前の通りソート。こんな簡単にソートができたなんて驚き。よって、hoge[“filter”]にも代入できない。

  • PHPで画面推移なしでファイルをアップロードしてその情報を親ウィンドウの変数に代入する

    Javascript側

    function uploadFile() {
    $("#form").submit();    //jQuery
    return false;
}

window.hoge = [];
<form id="form" action="/upload" method="post" enctype="multipart/form-data" target="iframe">
<input name="upload" type="file" onchange="uploadFile();">
</form>
<iframe name="iframe"></iframe>Code language: JavaScript (javascript)

    PHP側

    $upload_dir = "/www/var/html/public/";    //ディレクトリはあらかじめ作っておく。Windowsの場合C:\\から
move_uploaded_file($_FILES['upload']['tmp_name'], $upload_dir . $_FILES['upload']['name']);
chmod($upload_dir . $_FILES['upload']['name'], 0666);
parent.window.formdata[0] = "<?php print($_FILES['upload']['name']); ?>";Code language: PHP (php)

    テストはしてないので間違いがあるかもしれません。window.formdataのプロパティとしてグローバル配列変数を作成し、その結果を代入します。ただ、セキュリティの観点からなのかイベントの発火は何度やってもだめでした。親ウィンドウの変数に代入するくらいしかできないようです。