javascriptにおけるXMLのデータ抽出

質問

HTML+javascriptについて。
XMLを使用してデータを表示する際、
１００件のデータがあるとして、その中にＡ、Ｂ、Ｃタイプが
あるとします。
この場合においてＡタイプのものを抽出する、ということを
する場合において、どのようにプログラムを組むのか、また、
XMLデータ構造としてはどのようにすればいいのか教えてください！
（personタグでなくてAタグ、Bタグ・・・にはしない方法です）

データ構造としては１と２ではどちらがいいのか？
データ構造１
<group>
　<person type="A" id="A01" value="医者"/>
　<person type="B" id="B01" value="先生"/>
　・・・
</group>

データ構造２
<group>
　<person type="A">
　　<id>A01</id>
　　<value>医者</value>
　</person>
　<person type="B">
　　<id>B01</id>
　　<value>先生</value>
　</person>
　・・・
</group>

回答No.2

OKbokuzyo · ベストアンサー

＃１です。

>>Ａタイプのものを抽出する、ということをする場合において、どのようにプログラムを組むのか

すみません、完全に見落としていました。
あくまで一例ですが、
データ構造１の場合でtype=Aを取り出したい場合は（xmlファイルはXMLobjにロードされているとします）

var persons = XMLobj.getElementsByTagName("person");
var typeAs = new Array;
var i;
for(i=0;i<persons.length;i++){
if(persons[i].getAttribute("type")=="A"){
typeAs.push(persons[i])
}
}

これでtypeAsにtype=Aのものが配列として代入されます。
ただjavascriptはブラウザにかなり依存しますので
上記では動かない場合もあることをご留意ください。
たとえば、ブラウザによっては５行目を
if(persons[i].type=="A"){
としても動くかもしれません。（※未確認です）

お礼

丁寧な返答ありがとうございます。
上記のコードを参考に組んでみます。
ＸＭＬは自由な構造ゆえに悩みますね。。。

回答No.1

OKbokuzyo

>>XMLデータ構造としてはどのようにすればいいのか教えてください！

XMLのデータ構造は完全に自由です。
なので自分たち（利用するプログラム）が扱いやすいような形にすればそれでいいと思います。
SOAのようにデータ連携のメッセージとして考えているのであれば、
汎用性を考えた構造にする必要がありますが、
それもシステム全体が見えなければなんとも言えません。

まぁしかし、HTMLとjavascriptでXMLファイルということはAjaxを扱うのですかね？

冒頭にも述べましたがやはり基本的には自由です。
XMLにはこれといったデザインパターンがあるわけではありません。
（XMLの利用価値を考えれば至極当然のことですが）
しかし、特に理由がないのであれば「id」は属性にする方が一般的ですね。
DOMにはgetElementByIdというインターフェースがありますから。
参考までに、こんなデータ構造でもいいかもしれません。

<group>
　<person type="A" id="A01">医者</person>
　<person type="B" id="B01">先生</person>
　・・・
</group>

DOMやSAX、XSLTなどXMLの利用方法を理解した上で考えれば、
おのずと自分の使いやすいフォーマットが見えるかと思います。
ちなみに、AjaxならDOMがほとんどになると思います。