Q&A
（質問文は編集できます）JAVAという言語もありますが、提示のコードはJavaScriptでは？本文と質問タグを修正することをお勧めします。また、質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
前提・実現したいこと
JavaScriptで051を逆順510にさせたいです。
発生している問題・エラーメッセージ
51だけ動き他は動かないです。
該当のソースコード
// html文書がロードされた瞬間に実行される
var bango = new Array(52);
// <body>に指定された各エレメントが表示され準備が整ったら実行される
$(function (){
for(var i = 0; i < 52; i++){
var tag = document.createElement('img');
tag.id=i;
tag.src="images/" + i + ".png";
document.getElementById("disp").appendChild(tag);
}
for(var i = 0; i < 52; i++){
bango[i] = i;
}
var l = 0;
var t = 0;
for(var i = 0; i < 52; i++){
$("#" + bango[i]).css("position","absolute")
.css("left",l + "px")
.css("top",t + "px");
l += 76; if(l == 76 * 13){ t += 108; l = 0; }
}
});
function func1(){
// 配列bangoの中に表示する順番のID番号を入れる。
for(var i = 0; i < 52; i++){
for(var j = 0; j < 52; j++){
bango[i * 1 + j] = i + j * 1;
}
}
var l = 0;
var t = 0;
for(var i = 0; i < 52; i++){
$("#" + bango[i]).animate({"left":l + "px"},5000)
.animate({"top":t + "px"},5000);
l += 76; if(l == 76 * 13){ t += 108; l = 0; }
}
}
試したこと
最後の51だけ先頭にきて何秒かごとに隣に動きます。
function func1(){
// 配列bangoの中に表示する順番のID番号を入れる。
for(var i = 0; i < 51; i++){
for(var j = 0; j < 51; j++){
bango[i * 1 + j] = i + j * 1;
}
}
var l = 0;
var t = 0;
for(var j = 0; j < 52; 1++){
$("#" + bango[i]).animate({"left":l + "px"},5000)
.animate({"top":t + "px"},5000);
l += 76; if(l == 76 * 13){ t += 108; l = 0; }
}
}
表示できませんと出ます。
function func1(){
// 配列bangoの中に表示する順番のID番号を入れる。
for(var i = 0; i < 51; i++){
for(var j = 0; j < 51; j++){
bango[i * 1 + j] = i + j * 1;
}
}
var l = 0;
var t = 0;
for(var j = 0; j < 52; j--){
$("#" + bango[i]).animate({"left":l + "px"},5000)
.animate({"top":t + "px"},5000);
l += 76; if(l == 76 * 13){ t += 108; l = 0; }
}
}
To: yoshinaviさん 運営が復活させることもありますよ。
「kei344」さん、ありがとうございます。なるほど、そういう事もあるのですね。初めてだったのでビックリしました。
回答2件
0
配列を逆順にするということはいくつか考え方があります
- lengthから逆算
0から始まる連続した値であれば、length-順番-１で得られます
javascript
1var bongo=Array(10).fill(null).map(function(x,y){return y}); 2bongo.forEach(function(x){console.log(bongo.length-x-1)});
- 単純にbongoを逆順にしてしまう
javascript
1var bongo=Array(10).fill(null).map(function(x,y){return y}); 2bongo.reverse().forEach(function(x){console.log(x)});
しかしこれはbongo自体をソートしてしまうのでそういう運用をしたくない場合
（つまりbongoは0から始まるデータのママ管理したい場合）は
mapで値を一時的にとりだしてソートすると良いです
javascript
1var bongo=Array(10).fill(null).map(function(x,y){return y}); 2bongo.map(function(x){return x;}).reverse().forEach(function(x){console.log(x)});
これを今風に書けば
javascript
1var bongo=Array(10).fill(null).map((x,y)=>y); 2bongo.map(x=>x).reverse().forEach(x=>console.log(x));
投稿2018/11/19 02:30
総合スコア114837
0
投稿2018/11/18 09:44
総合スコア607
あなたの回答
tips
プレビュー
