RSSで取得したオブジェクトの数を取得したい

Question

パソコンスクールでJavaScriptを勉強しています。

配信されているRSSのXMLファイルをダウンロードして
ページ上に出力するという課題の勉強をしています。

※サンプルのコードは以下の通りです。

ajaxについて、月を英字で表示する、日を2桁表示する
(2桁表示 = 1→01)、etc.いろいろ学びました。

その中で今度は
ダウンロードしたXMLファイルの中にオブジェクトが何個あるのか求める
という課題になりました。

※オブジェクト：ページ上に出力する記事の数
＝xmlファイルからダウンロードした「title」タグの個数

私の考えでは以下のコードの「1番」でtitleタグの数を取得して
コンソールに出力できると思っていました。

ですが画像の通り「1番」のコンソールへの出力結果は「0」になります。
「3番」の結果が「[]」になることも含めて
配列型で変数の宣言をすることが間違っているのだと思います。

すいませんが正しい変数の宣言を含め、
以下のサンプルコードで記事の数(ダウンロードしたtitleタグ)を
取得する方法を教えて下さい。

※取得した結果の出力先はコンソールでOKです。

追記
コンソールへの出力は「5番」までありますが、
「2番」、「4番」、「5番」は動作確認のため出力してみただけです。
今回の処理とは無関係です。

お手数ですが、詳しい方、説明の上手な方
よろしくお願いします。

<br>
<p>titlId</p>

<ul id="titlId" style="padding: 0px 10px;"></ul>

<br>
<br>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<script>
//配列型で宣言
var GlbtitNo = [];

//文字列型で宣言
var GlbtitSt = String;

//1番　配列型
console.log(GlbtitNo.length);

//2番　文字列型
console.log(GlbtitSt.length);
console.log(); //スペース用

//3番　　配列型
console.log(GlbtitNo);

//4番　文字列型
console.log(GlbtitSt);

//スペース用
console.log('');

$(document).ready(function() {
	var rssURL = "https://book.studio947.net/feed/"
	$.ajax({
		url: 'cdxml.php',
		type: 'GET',
		dataType: 'xml',
		data: {
			url: rssURL
		}
	})

	.done(function(data) {
			$(data).find('item').each(function() {
				var titRSS = $(this).find('title').text();
				var likRSS = $(this).find('link').text();

				//グローバル変数用
				GlbtitNo = titRSS;
				GlbtitSt = titRSS;

				//5番　文字数
				console.log(titRSS.length);

				var dteRSS = $(this).find('pubDate').text();
				var DateOj = new Date(dteRSS)

				var dateDg = DateOj.getDate()

				addZero = function(num, digit) {
					var numString = String(num);
					while (numString.length < digit) {
						numString = '0' + numString;
					}
					return numString;
				}

				var montEg = ['Jan', 'Feb', 'Mar', 'Apl', 'May', 'Jun', 'Jul', 'Aug',
					'Sep.', 'Oct', 'Nov', 'Dec'
				]

				var DateAp = '　' + DateOj.getFullYear() + '/' + montEg[DateOj.getMonth()] +
					'/' + addZero(dateDg, 2);

				$('#titlId')
					.append($('<li></li>')

						.append($('<a target="_blank"></a>').attr('href', likRSS).text(
							titRSS))
						.append(DateAp)
					)

			}); //each
		}) //done

	.fail(function() {
			window.alert('読み込みエラー');
		}) //fail
}); //ready
</script>

<?php
if(isset($_GET["url"]) && preg_match("/^https?:/",$_GET["url"])){
    $ch = curl_init($_GET["url"]);
	curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
	curl_setopt($ch, CURLOPT_TIMEOUT, 60);
	$data = curl_exec($ch);
	curl_close($ch);
	echo $data;
}else{
    echo "ERROR!";
}

ブラウザーの画面
※文字数は記事の個数分＝10個出力されています。画面は2個の所で切り取っています。

Answer 1

※オブジェクト：ページ上に出力する記事の数
＝xmlファイルからダウンロードした「title」タグの個数

RSS自体のtitleがあるのでイコールではありません。
itemの数を数えましょう。

Comments

[ZZ-TOP]

回答して頂きありがとうございます。

>RSS自体のtitleがあるのでイコールではありません。
itemの数を数えましょう。
↓
確認してみましたが、今回の場合RSS自体にtitleタグはないと思いますよ。
RSSの配信先はガイドブックにある学習用のものですから。

それはともかく「itemの数を数えましょう。」というのは、
同じ方法で配列型の変数に代入してみなさい。
という意味だと思います。

アドバイス通りやってみましたが
やはり結果は同じでitemタグの場合でも「0」になります。

もしかしたら、こちらの知識不足で
アドバイスして頂いたこの意味を把握していなかったらすいません。

------

itemタグやtitleタグの数を数えるためには
一度、変数に代入する必要があると思うのですが、
変数は配列型で良いのでしょうか？

こちらの知識不足のせいて、アドバイスして頂いたことがよくわからない場合があります。
そのためYes-Noで答えて頂けるように書き換えてみました。
とりあえず、先に以下のことだけ教えて頂ければうれしいです。

itemタグやtitleタグの数を数えるためには
1)一度、変数に代入する必要がある？
Yes / No

1-Yes)
変数の型は宣言は何型で行いますか？
※今回のコードで使える書式で記載して下さい
var =

1-No)
変数に代入して「length」プロパティで取得する
以外の方法でがあるのでしたら教えて下さい。

※こちらの知識不足で理解できないかもしれません。
ストレスのない範囲で大丈夫です。

よろしくお願いします。

[kei344]

＞ RSSの配信先はガイドブックにある学習用のものですから。
https://book.studio947.net/feed/
これではないのでしょうか。

＞ 同じ方法で配列型の変数に代入してみなさい。
違います。
「jQuery 要素 数」で検索。

[ZZ-TOP]

早速の回答ありがとうございます。

これから「「jQuery 要素 数」で検索」で調べます

それは良いのですが、すいませんが
itemタグやtitleタグの数を数えるためには

1)一度、変数に代入する必要がある？
Yes / No

も教えて下さい。

とにかく知識不足なので、調べるのは良いのですが
クリアできることから
1つづつクリアして行きたいと思っていますので。

[kei344]

> も教えて下さい。
「違います。」と書いていますよ。

> 1つづつクリアして行きたいと思っていますので。
それなら、入門書を最初から読むことをお勧めします。
たとえば「文字列型で宣言」と書かれていますが、そういう書き方はありません。配列のほうも変数を宣言して空配列を初期値に指定しているだけです。また、それに続くconsole.log();の使い方も変です。空の配列を用意して要素数が0な事を確認して、何の値が出ると思ったのでしょう。

その段階で非同期処理を含むコードを書くのは気が早いと思います。

[ZZ-TOP]

回答して頂きありがとうございます

> も教えて下さい。
「違います。」と書いていますよ。
↓
すいません。
要するに、「No」ということで変数に代入しなくても良いということですね。
これだけわかったので、とりあえず納得です。

>配列のほうも変数を宣言して空配列を初期値に指定しているだけです。
↓
そういうことなのですね。わかりました、初期値に指定するとスコープ内での処理が
配列型で入るのだと思っていました。

>それに続くconsole.log();の使い方も変です。空の配列を用意して要素数が0な事を確認して、何の値が出ると思ったのでしょう。
↓
違います。

「console.log(); //スペース用」と記載したので
わかって頂けると思っていましたが書き方が悪かったですね。

ブラウザーのコンソールに出力された時に
結果ばかりが縦にたくさん並ぶと見にくいので、
見やすいように1行開けるために空出力しています。

今、頑張ってます。
いろいろありがとうございます。

[kei344]

> 見やすいように1行開けるために空出力しています。
そこではなく、結果に対しての「配列型で変数の宣言をすることが間違っているのだと思います。 」という結論自体がおかしいです。
再掲：「空の配列を用意して要素数が0な事を確認して、何の値が出ると思ったのでしょう。」
ここで言う「空の配列」は「GlbtitNo」です。それのlengthは何も入っていないのだから0です。何も入れていないのだから当然そうなりますが、何が出ると思ったのでしょう、と書いています。

[ZZ-TOP]

回答して頂きありがとうございます。

>再掲：「空の配列を用意して要素数が0な事を確認して、何の値が出ると思ったのでしょう。」
ここで言う「空の配列」は「GlbtitNo」です。それのlengthは何も入っていないのだから0です。何も入れていないのだから当然そうなりますが、何が出ると思ったのでしょう、と書いています。
↓
今回のコードの中の「3番」のことですね。

エラーメッセージが表示されたら
メッセージを確認するつもりでしたが、
「0」でもエラーにならないし、
まぎらわしいので消しておいた方が良かったですね。

いずれにしても、何度もコメントして頂いたことの意味は理解しました。

変数に代入せずともjQueryで要素の数を数えれば良いだけ、、、。
ということだと思います。

今の私の実力で、今すぐなんとかなる範囲ではないので、
今回はここで区切っておきます。
※質問は開けておきます。自分なりに後でまとめたいので。

何度もコメントして頂きありがとうございます。
私の知識不足で解決しませんでしたが、いろいろ参考になりました。
機会がありましたら、またお願いします。

Answer 2

自己解決してます。アップするのを忘れておりすいません。

こちら教えて頂いたアドバイスでは「item」の数を数えなさいということでしたが、
抽象的なアドバイスで、私の知識では解答の意味がわかりませんでした。

パソコンスクールの課題だったので、先生からの回答は以下の通りです。

「title」タグを取得して、ページ上に出力している
＝「繰り返し処理をしている」、「nodelistを取得している」ということなので、

「nodelistの番号を取得してコンソールに出力する」というのが、
先生からの回答でした。

関数内でのnodelistの番号を取得する方法は関数の第1引数を取得すれば良いのですが、
ポイントが2つあり以下の通りです

1)nodelistの番号は「0」から始まるので、最後に「+1」する
2)取得した番号は関数のスコープの中でしか使えないのでグローバル変数に変換する

ということでした。コードは以下の通りです。

※JavaScript/jQueryだけです。　phpの変更は不要です。
※HTMLのコードは前述のコードと同じです＝jQueryへのリンクが必要です

<script>


$(document).ready(function(){
var rssURL="https://book.studio947.net/feed/"
$.ajax({url: 'cdxml.php',type: 'GET',dataType: 'xml',data: {url: rssURL} })

.done(function(data){
$(data).find('item').each(function(i){
var titRSS=$(this).find('title').text();
var likRSS=$(this).find('link').text();

var ItemRSS=$(this).find('item').text();

var dteRSS=$(this).find('pubDate').text();
var DateOj=new Date(dteRSS) 

var dateDg=DateOj.getDate()

addZero=function(num,digit){
var numString=String(num);
while(numString.length<digit){
numString='0'+numString;
}
return numString;
}

var montEg=['Jan','Feb','Mar','Apl','May','Jun','Jul','Aug','Sep.','Oct','Nov','Dec']

var DateAp='　'+DateOj.getFullYear()+'/'+montEg[DateOj.getMonth()]+'/'+addZero(dateDg,2);

$('#titlId')
.append($('<li></li>') 

.append($('<a target="_blank"></a>').attr('href',likRSS).text(titRSS))
.append(DateAp)
)

// スコープ外に出すためにいったんグローバル変数に置き換える
k=i

});//each

console.log(k+1+'個');
}) //done

.fail(function(){window.alert('読み込みエラー');
}) //fail
}); //ready


</script>