質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

配列

配列は、各データの要素(値または変数)が連続的に並べられたデータ構造です。各配列は添え字(INDEX)で識別されています。

Q&A

解決済

1回答

620閲覧

for in文の条件式中で変数を使いたい

jouson-129

総合スコア16

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

配列

配列は、各データの要素(値または変数)が連続的に並べられたデータ構造です。各配列は添え字(INDEX)で識別されています。

0グッド

0クリップ

投稿2019/11/10 12:57

編集2019/11/10 13:36

javascriptを使ってcssを編集する際に配列を使っています。
その配列名を変数にしてfor in文の後の値に組込みたいのです。
consoleで変数のiを確認したところ文字列なのですが、for in文にいれるとエラーを吐いてしまいます。if文を用いる以外の方法があったらそれで代用したいです、、、

問題の場所
if案

JavaScript

1if(styleA){ 2var styleA = { 3 width: "10%", 4 height: "10%", 5 backgroundColor: "green" 6 } 7} 8 9 if(styleB){ 10 var styleB = { 11 width: "15%", 12 height: "15%", 13 backgroundColor: "yellow" 14 } 15 } 16 17 //障害物作成 18 function Makeobject(){ 19 var object = document.createElement("div"); 20 topzone.appendChild(object); 21 console.log(object); 22 var i = "styleA"; 23 console.log(styleB); 24 for(styleNumber in i){ 25 var objectAstyle = object.style; 26 objectAstyle[styleNumber] = styleA[styleNumber]; 27 }

やりたい感じ

JavaScript

1var styleA = { 2 width: "10%", 3 height: "10%", 4 backgroundColor: "green" 5 } 6 7 var styleB = { 8 width: "15%", 9 height: "15%", 10 backgroundColor: "yellow" 11 } 12 13 //障害物作成 14 function Makeobject(){ 15 var object = document.createElement("div"); 16 topzone.appendChild(object); 17 console.log(object); 18 var i = "styleA"; 19 console.log(styleB); 20 for(styleNumber in i){ 21 var objectAstyle = object.style; 22 objectAstyle[styleNumber] = styleA[styleNumber]; 23 }

javascript全文

JavaScript

1document.addEventListener("DOMContentLoaded", function() { 2 //初期設定~ 3(function () { 4 var button = document.getElementById("button"), 5 container = document.getElementById("container"), 6 topzone = document.getElementById("topzone"), 7 bottomzone = document.getElementById("bottomzone"), 8 escaper = document.getElementById("escaper"); 9 console.log(button); 10 //~初期設定 11 12 //開始処理 13 button.addEventListener("click",Startgame,false); 14 15 function Startgame(){ 16 alert("game started!!"); 17 //障害物作成 18setInterval(Makeobject,1000); 19 20 //クリック動作 21 container.addEventListener("click",Moveescaper,false); 22 } 23}()); 24 25 var styleA = { 26 width: "10%", 27 height: "10%", 28 backgroundColor: "green" 29 } 30 31 var styleB = { 32 width: "15%", 33 height: "15%", 34 backgroundColor: "yellow" 35 } 36 37 //障害物作成 38 function Makeobject(){ 39 var object = document.createElement("div"); 40 topzone.appendChild(object); 41 console.log(object); 42 var i = "styleA"; 43 console.log(styleB); 44 for(styleNumber in i){ 45 var objectAstyle = object.style; 46 objectAstyle[styleNumber] = styleA[styleNumber]; 47 } 48 49 //障害物落下 50 function Fallobject(){ 51 52 } 53 54 //クリック動作 55 function Moveescaper(){ 56 var x = event.x, 57 left = escaper.style.left, 58 leftNum = left.slice(0,left.length-2); 59 escaper.style.transition = leftNum*5 + "ms"; 60 escaper.style.left = x + "px"; 61 console.log(114); 62 } 63 });

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

azuapricot

2019/11/10 13:31

マークダウンができていない、誤字がひどい、インデントが見るも無残でコードがかわいそうです。
guest

回答1

0

ベストアンサー

var i = "styleA";

とありますが、

var i = styleA;

なのでは。

投稿2019/11/10 14:38

y_waiwai

総合スコア87719

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

jouson-129

2019/11/10 15:34

指摘された場所と ```javascript //前 objectAstyle[styleNumber] = styleA[styleNumber]; //後 objectstyle[styleNumber] = i[styleNumber]; ``` の変化で治せました、、、 ありがとうございますm(__)m
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問