2006-04-07

そうそう。JavaScript の配列は扱いにくいんですよ。

JavaScript の暗黒面を覗く

というか Hash として活用しようとすると途端に扱いにくくなるって感じかな。確かに中身はハッシュテーブルかもしれないけど、Hash としては扱いにくい。けっきょく全部 for ( in ) でなめます、みたいな感じで書かざるを得ない。ださい。length プロパティもそうだけど他にもいくつかメソッドが期待したようには動作しない。少なくとも Firefox では。

で、どうせなら has_value() とか keys() とかほしいなと思ったので、自分は試しに Hash オブジェクトを作ってみた。すると JavaScript のオブジェクト周りの扱いにくさというかクセがよく分かる。

Object はプロパティの集合体でありハッシュテーブルなので、Object を作ってそこに obj[key] = val って放り込んでいくだけで Hash でござい、と言えてしまう。でも前述のように便利メソッドがないので Function を使ってオブジェクトを作って、そこにメソッドを足してみる。するとメソッドも変数と同じなので for ( in ) したときにそのまま列挙されてしまう1。そうか、じゃあ列挙するのはもうみんな中のメソッドでやることにして、if ( typeof key != 'function' ) とかやればいいんだ、と思って調子に乗ってメソッドを作って行く。するとハッシュキーに使える名前がどんどん減っていく2。それも困る。

そこでオレHash はこういう作りにしてみた。

var Hash = new funtcion() {
  return function() {
    this.obj = {};
  }
}
Hash.prototype = {
  method: function() {
  },
  ...
}

つまり実際のデータは hash.obj の中に詰め込んでいく。こうするとメソッドとデータの key で名前がぶつかることはない。しかしこの方法だと hash[key] = val とか for ( in ) とか普通の構文が一切使えなくなる。そこでずいぶん悩んだが、「ええいそんなもん禁止だ!」と開き直って Ruby からアイディアを拝借して fetch() とか store() とか merge() とかバンバン作っていく。そうするとなんとかそれっぽく使える状態になる。

ハッシュの中に Array を作るときは

hash.store( key, [] );
hash.fetch( key ).push( val );

てな感じ。まぁ正直これもどうだって感じではあるけど、練習にはいい題材だったと思う。

  1. ユーザーの定義したプロパティには DontEnum 属性がセットできないんだよな。 

  2. やってみれば分かるが、prototype.js の Hash では "keys" という名前のプロパティに値を代入すると keys() メソッドが壊れる。ところで prototype.js って prototype を使わないでプロパティをコピーして回ってるように見えるんだけど、これも富豪アプローチですか? 

About

例によって個人のなんちゃらです

Recent Posts

Categories

Tool 日々 Web Biz Net Apple MS ことば News Unix howto Food PHP Movie Edu Community Book Security Text TV Perl Ruby Music Pdoc 生き方 RDoc ViewCVS CVS Rsync Disk Mail FreeBSD Cygwin PDF Photo Zebedee Debian OSX Comic Cron Sysadmin Font Analog iCal Sunbird DNS Linux Wiki Emacs Thunderbird Sitecopy Terminal Drawing tDiary AppleScript Life Money Omni PukiWiki Xen XREA Zsh Screen CASL Firefox Fink zsh haXe Ecmascript PATH_INFO SQLite PEAR Lighttpd FastCGI Subversion au prototype.js jsUnit Apache Trac Template Java Rhino Mochikit Feed Bloglines CSS del.icio.us SBS qwikWeb gettext Ajax JSDoc Rails HTML CHM EPWING NDTP EB IE CLI ck ThinkPad Toy WSH RFC readline rlwrap ImageMagick epeg Frenzy sysprep Ubuntu MeCab DTP ERD DBMS eclipse Eclipse Awk RD Diigo XAMPP RubyGems PHPDoc iCab DOM YAML Camino Geekmonkey w3m Scheme Gauche Lisp JSAN Google VMware DSL SLAX Safari Markdown Textile IRC Jabber Fastladder MacPorts LLSpirit CPAN Mozilla Twitter OpenFL Rswatch ITS NTP GUI Pragger Yapra XML Mobile Git Study JSON VirtualBox Samba Pear Growl Mercurial Rack Capistrano Rake Win RSS Mechanize Sitemaps Android JavaScript Python RTM OOo iPod Yahoo Unicode Github iTunes God SBM friendfeed Friendfeed HokuUn Sinatra TDD Test Project Evernote iPad Geohash Location Map Search Simplenote Image WebKit RSpec Phone CSV WiMAX USB Chrome RubyKaigi RubyKaigi2011 Space CoffeeScript Nokogiri Hpricot Rubygems jQuery Node GTD CI UX Design VCS Kanazawa.rb Kindle Amazon Agile Vagrant Chef Windows Composer Dotenv PaaS Itamae SaaS Docker Swagger Grape WebAPI Microservices OmniAuth HTTP 分析基盤 CDN Terraform IaaS HCL Webpack Vue.js BigQuery Middleman CMS AWS PNG Laravel Selenium OAuth OpenAPI GitHub UML GCP TypeScript SQL Hanami Document SVG AsciiDoc Pandoc DocBook Develop Jekyll macOS Node.js Vite Heroku Transformer AI Data Cloud Wasm