ぬる太回答ポイント 100ptウォッチ 2

お世話になります。

文字列の比較が出来ずに困っております。
初歩的な質問で恐縮ですが、ご教授頂けると幸いです。

$.ajax({
url:'http://nuruta.hatenablog.com/rss',
success: function(data){
var htmlstr = "";
var x=0;
var m=0;
var eurl = new Array();
var eurl2 = new Array();

var presentCategory = $("div.entry-categories a:nth-child(2)").text();
var rss_url = 'http://nuruta.hatenablog.com/rss/category/' + presentCategory;

htmlstr += '<ul class="recent-menu">';
$.get(rss_url, function(data) {
$(data).find("item").each(function (i) {
var el = $(this);
eurl[x] = el.find("link").text().replace("/entry","/embed");
// RSSのカテゴリ
eurl2[x]=el.find("category").text()
x++;
});
// 記事のカテゴリ
var cate1 = $("div.entry-categories a").text();

while(eurl.length > 0){
mx=Math.floor(Math.random() * eurl.length);
// カテゴリの比較（※ここが出来ません）
if ( cate1 !== eurl2[mx] ) {
// 完全一致しない時の処理
}
eurl.splice(mx,1);

if (m==10){
break;
}
}
htmlstr += '</ul>';
document.getElementById("recent-box").innerHTML += htmlstr;
});
}
});

• はてなアカウントでログイン
• 無料ユーザー登録

みんなの回答

• ぬる太

  2017/03/03 10:26:01

  $.ajax({
  	//はてなrssファイルを読み込む
  	url:'http://nuruta.hatenablog.com/rss',
  	success: function(data){
  		var htmlstr = "";
  		var x=0;
  		var m=0;
  		var eurl = new Array();
  			
  		var presentCategory = $("div.entry-categories a:nth-child(1)").text();
  		var rss_url = 'http://nuruta.hatenablog.com/rss/category/' + presentCategory;	
  
  		htmlstr += '<ul class="recent-menu">';
  		$.get(rss_url, function(data) {
  			$(data).find("item").each(function (i) {
  				var el = $(this);
  				eurl[x] = el.find("link").text().replace("/entry","/embed");
  				x++;
  			});
  			   
  			var href = window.location.href.replace("/entry","/embed");
  
  			while(eurl.length > 0){
  				mx=Math.floor(Math.random() * eurl.length);
  				if (href != eurl[mx]) {
  					htmlstr += '<li>';
  					htmlstr += '<iframe style="display: block; height: 180px; width:100%; min-width:200px;" src="' + eurl[mx] + '" frameborder="0" scrolling="no"></iframe>';
  					htmlstr += '</li>';
  					m=m+1;
  				}
  				eurl.splice(mx,1);
  
  				if (m==10){
  					break;
  				}
  			}
  			htmlstr += '</ul>';
  			document.getElementById("tab-body1").innerHTML += htmlstr;
  			document.getElementById("MENU1").innerHTML += presentCategory;
  		});
  	}
  });
  
  $.ajax({
  	//はてなrssファイルを読み込む
  	url:'http://nuruta.hatenablog.com/rss',
  	success: function(data){
  		var htmlstr = "";
  		var x=0;
  		var m=0;
  		var eurl = new Array();
  		var eurl2 = new Array();
  			
  		var presentCategory = $("div.entry-categories a:nth-child(2)").text();
  		var rss_url = 'http://nuruta.hatenablog.com/rss/category/' + presentCategory;	
  
  		htmlstr += '<ul class="recent-menu">';
  		$.get(rss_url, function(data) {
  			$(data).find("item").each(function (i) {
  				var el = $(this);
  				eurl[x] = el.find("link").text().replace("/entry","/embed");
  				// RSSのカテゴリ
  				eurl2[x]=el.find("category").text()
  				x++;
  			});
  			// 記事のカテゴリ
  			var cate1 = $("div.entry-categories a").text();
  						
  			while(eurl.length > 0){
  				mx=Math.floor(Math.random() * eurl.length);
  				// カテゴリの比較（※ここが出来ません）
  				if ( cate1 !== eurl2[mx] ) {
  					// 完全一致しない時の処理
  					htmlstr += '<li>';
  					htmlstr += '<iframe style="display: block; height: 180px; width:100%; min-width:200px;" src="' + eurl[mx] + '" frameborder="0" scrolling="no"></iframe>';
  					htmlstr += '</li>';
  					m=m+1;
  				}
  				eurl.splice(mx,1);
  
  				if (m==10){
  					break;
  				}
  			}
  			htmlstr += '</ul>';
  			document.getElementById("tab-body2").innerHTML += htmlstr;
  			document.getElementById("MENU2").innerHTML += presentCategory;
  		});
  	}
  });
  

この質問へのコメント

• ぽけっとしすてむ2017/03/03 07:29:41
  手元の環境では、(ランダムなので)時々「// 完全一致しない時の処理」に入るようです。
• a-kuma32017/03/03 09:32:22
  「比較ができません」では、何に困ってるのか、よく分からないです。
  「○○となることを期待しているのに、××になってしまう」とか、もう少し具体的に。
  
  カテゴリを指定した RSS からランダムにひとつ選んで、表示中の記事と比較して、全てのカテゴリが *一致しなければ* 、... というふうには動くようですけれど。
  
• ぬる太2017/03/03 09:56:16
  申し訳ありません。
  投稿文字数の関係で要領の得ない質問となっておりました。
  
  a-kuma3さんが仰るように「表示中の記事と比較して、全てのカテゴリが一致しない時に、（ソースでは消してますが）はてなブログカードを表示させる」様にさせようと思っております。
  手元の環境では、カテゴリが一致しているものも表示されてしまい、故に、比較が正しく出来ていないのかと疑っていました。
  
  回答下さったお二方とも出来ていらっしゃるようなので、もう少し自分でも見てみます。
• ぬる太2017/03/03 10:30:51
  捕捉に全体のコードを載せます。
  表示されている記事に2つカテゴリがあり、1つ目のカテゴリに関連する記事をtab-body1に表示。
  2つ目のカテゴリに関連する記事をtab-body2に表示させる予定です。
  
  2つ目のカテゴリの関連記事には、1つ目のカテゴリの関連記事も含まれるため、1つ目のカテゴリの関連記事を除こうとしてカテゴリの比較を行っています。
  
  （最初はforループで回していたのですが、forの中にfunctionは置けないとエラーが出てしまったので、このような無理矢理なソースにしてしまいました）
• a-kuma32017/03/03 10:36:43
  ちょっと気になったのは、$.ajax をいきなり呼んでいるところで、ページのロードが完了してからの方が良いんじゃないかなあ、とか、いや .entry-categories は静的に出力されているから関係ないか、とか思ったり。
  
  $(function() {
  　$.ajax({
  　　...
  　});
  });
  
  
  ＞投稿文字数の関係で
  「質問者からの補足」を使うと良いですよ。
  質問投稿したら、すぐさま補足を足しちゃう。
  こんな感じ。
  http://q.hatena.ne.jp/1471246492
  
  スーパーpre 記法とか使うと、ソースのインデントもつぶれませんし。
  - http://hatenadiary.g.hatena.ne.jp/keyword/%E5%85%A5%E5%8A%9B%E3%81%97%E3%81%9F%E3%82%B3%E3%83%BC%E3%83%89%E3%82%84%E3%81%AF%E3%81%A6%E3%81%AA%E8%A8%98%E6%B3%95%E3%82%92%E3%81%9D%E3%81%AE%E3%81%BE%E3%81%BE%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%EF%BC%88%E3%82%B9%E3%83%BC%E3%83%91%E3%83%BCpre%E8%A8%98%E6%B3%95%EF%BC%89
  - http://hatenadiary.g.hatena.ne.jp/keyword/%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E8%89%B2%E4%BB%98%E3%81%91%E3%81%97%E3%81%A6%E8%A8%98%E8%BF%B0%E3%81%99%E3%82%8B%EF%BC%88%E3%82%B7%E3%83%B3%E3%82%BF%E3%83%83%E3%82%AF%E3%82%B9%E3%83%BB%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%EF%BC%89
  
  
• ぬる太2017/03/03 10:48:27
  色々と申し訳ありません。
  お教え頂いた記法で捕捉を修正しました。
• a-kuma32017/03/03 10:49:53
  // カテゴリの比較（※ここが出来ません）
  の後に、こんなのを入れて動かしてみると、
  console.log(cate1 !== eurl2[mx], cate1, eurl2[mx], mx);
  
  こんな感じで出力されるので、判定できてるっぽいんですけどね。
  10:45:51.998 false 【アニメ】その他アニメ 【アニメ】その他アニメ 22
  10:45:52.000 false 【アニメ】その他アニメ 【アニメ】その他アニメ 2
  10:45:52.002 true 【アニメ】その他アニメ 【アニメ】ラブライブ!サンシャイン!!アニメ 1
  10:45:52.004 true 【アニメ】その他アニメ 【アニメ】ラブライブ!サンシャイン!!アニメ 3
  10:45:52.005 true 【アニメ】その他アニメ 【アニメ】ラブライブ!サンシャイン!!アニメ 7
  10:45:52.006 true 【アニメ】その他アニメ 【アニメ】ラブライブ!サンシャイン!!アニメ 0
  
  ちなみに、Bookmarklet で動かしての確認なので、ブログの方で仕込んだコードとは、動作するタイミングが違ってます。
  で、いきなり $.ajax を呼んでるのが気になる、とかコメントしたわけです。
  
• ぬる太2017/03/03 11:09:21
  $(function() {
  を入れて動かしてみしたが、例えば
  10:45:52.005 true 【アニメ】その他アニメ 【アニメ】ラブライブ!サンシャイン!!アニメ 7
  これも表示されてしまいます。
  
  比較の部分では無く、全く別の要因が影響しているのでしょうか…。
• ぬる太2017/03/03 15:32:59
  申し訳ありません。
  自己解決いたしました。
  
  2つの配列eurlとeurl2には、同じ配列番号に正しい組み合わせでそれぞれurlと（そのurlが示す記事の）カテゴリが入っているにも関わらず、
  eurl.splice(mx,1);
  で、片方の配列の要素数だけ削除していたことが原因でした。
  片方の要素数が減ったので、組み合わせがずれてしまっていました。
  
  ぽけっとしすてむさん、a-kuma3さん、お騒がせして申し訳ありませんでした。
  コメントありがとうございました。
• a-kuma32017/03/03 16:29:41
  ＞で、片方の配列の要素数だけ削除していたことが原因でした
  ああ、なるほど。
  小一時間くらいで気がつかないとダメだな ＞a-kuma3
  まだまだ青い　(´・ω・｀)
  
  配列をふたつ使うんじゃなくて、オブジェクトの配列にしておけばこういうミスが入り込む余地が無いよなあ、とも思った。
  
  $(data).find("item").each(function (i) {
  　　...
  　　eurl[x] = {
  　　　　link: el.find("link").text().replace("/entry","/embed"),
  　　　　category: el.find("category").text(),
  　　};
  　　x++;
  });
  

質問の情報

登録日時

2017-03-03 06:44:35

終了日時

2017-03-10 06:45:03

回答条件

1人30回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• 経済について、初歩的な質問で恐縮です。年収の壁の問題は、年収の枠を大きくするという単純な策では解決し…匿名質問者2112日前
• 　はてな最終ベストアンサー ～ The Last of Best Anser in Hatena ～ 　あなたの自薦他薦ベストアンサーを…adlib12日前
• iPhoneを使っています。 LINE の通知音、着信音（無料電話）、 送信音（シュポッ）、を鳴らない・方法は何…匿名質問者18時間前
• 初めておばあちゃんに誕生日プレゼントをあげるので、実際にプレゼントして喜ばれた物やオススメの商品を知…chabochang61日前
• 家から離れた場所に親に内緒で買い物に行きたいです。【片道電車で1時間ぐらいです】 ちなみに自分は小学生…匿名質問者11時間前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ