xml-jsで特定の値を取得する方法

Question

const xml = "<?xml version="1.0" encoding="utf-8"?><content><![CDATA[<!-- スマホ --><a href="xx?iref=xx"><p class="Area">xx</p><p class="Image"><img alt="xx" src="//xx"></p><p class="xx">xx</p></a>]]></content>"

上記xmlファイルから<a>タグの中身だけ取ってきたいです

以下の方法で取得できましたが、これより完結に書ける方法がありますでしょうか。

import convert from 'xml-js'

const res = convert.xml2js( xml )
console.log(res.elements[0].elements[0].cdata)

elementsが重複したりしてるので、そもそもこれが正しい使い方なのが理解できてません。

Answer 1

xml-js は使ったことがありませんが、ドキュメントを見る限り、オプションで compact: true にすれば res の部分の構造が単純化されるようです。
が、この程度の xml だとほとんど変わらず、完結に書けるかというと微妙なところです。

ただ、それ以前に、

elementsが重複したりしてるので、そもそもこれが正しい使い方なのが理解できてません。

というのは xml-js とは無関係の部分の話です。
JavaScript の基本が理解できていないようなので、まずは JavaScript の勉強をしてください。

Comments

[Kimsehwa]

> というのは xml-js とは無関係の部分の話です。
> JavaScript の基本が理解できていないようなので、まずは JavaScript の勉強をしてください

ありがとうございます。

```
elements[0].elements[0]
```

が重複されてるのはxml-jsの問題かと思いましたが、
重複されるのは当たり前ということでしょうか？

javascriptのどの部分を勉強すれば理解が捗るか、教えてくださると助かります。

[2KOH]

console.log(res.elements[0].elements[0].cdata)
と書かれている部分で、代わりに
console.log(res)
を実行してみてください。

それでわからなければ、JavaScript入門のオブジェクトあたりを読んでみてください。