JavaScript forの条件式を変数で定義するには

Question

前提・実現したいこと

タイトルの通りです
forの条件式を変数で定義するにはどうしたらいいんでしょうか
var f=0;
var j="i=0;i<10;i++";
var jj="i=10;i<20;i++";
if(f==0){
for(j){
}
f=1;
}else{
for(jj){
}
}
では動きません
上記のような構造の文を書きたいと考えています
forの条件式を変数で出力するのは不可能なんでしょうか？

Comments

[maisumakun]

なぜそのような書き方をしたいのでしょうか？

「趣味的にそう書きたい」のか、それとも「実用的に必要が生じた」のか、どちらでしょうか？

[adddd]

forの条件式をあとから変えたりとできれば、かなり実用的だと思います
=興味からの実用という流れになると思います

[Zuishin]

https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Iterators_and_Generators#generators
> このコードの動作は同じですが、実装は書くのも読むのもはるかに容易になります。
というコードは次のように使います。

const it = makeRangeIterator(0, 10, 1);
for (const i of it) {
console.log(i);
}

目的に沿いますか？

[takasima20]

ちなみに、ループの中でやる処理は同じって前提なのかな?

Answer 1

window.addEventListener('DOMContentLoaded',async()=>{
  const loop=async(start,end,step=1)=>Array(parseInt((end-start)/step)+1).fill(null).map((_,x)=>x*step+start);
  let f=0;
  console.log("start");
  if(f==0){
    await loop(0,9).then(console.log);
    f=1;
  }else{
    await loop(10,19).then(console.log);
  }
  console.log("end");
});

Comments

[adddd]

未知の書き方です。。。

Answer 2

可能か不可能かと言う話であれば、for文全体をevalで囲めば可能です。

var f = 0;
var j = "i=0;i<10;i++";
var jj = "i=10;i<20;i++";
var i;
if (f==0) {
  eval(`
    for(${j}){
      console.log(i);
    }
  `);
  f=1;
} else {
  eval(`
    for(${jj}){
      console.log(i);
    }
  `);
}

ただし、これは非常に悪い方法です。evalの危険性をレポート用紙3枚にまとめることができないのであれば、絶対にこのようなコードは書いてはいけません。(私は書けるから書いているんですよ！)

実際は変化するところだけを変数として持たせるなどをすればいいだけです。変更されるのは初期値と終わりの値だけなのであれば、例えば、次のようにした方がいいでしょう。

let f = 0;

const j = {first: 0, last: 10};
const jj = {first: 10, last: 20};
if (f == 0) {
  for (let i = j.first; i < j.last; i++) {
    console.log(i);
  }
} else {
  for (let i = jj.first; i < jj.last; i++) {
    console.log(i);
  }
}

Comments

[adddd]

evalの危険性について勉強していきたいと思います

2つ目はforの記述を２回にしていますが、式だけ変えることができれば、
ソースコード内に1回のforの記述で済むと考えたのですが、
それはできないようですね

[maisumakun]

> 2つ目はforの記述を２回にしていますが、式だけ変えることができれば、
ソースコード内に1回のforの記述で済むと考えたのですが、
それはできないようですね

いえ、できます。

const cond = f == 0 ? j : jj; としてからfor (let i = cond.first; i < cond.last; i++)で回せばOKです。

Answer 3

forの条件式をあとから変えたりとできれば、かなり実用的だと思います

そんな複雑な条件を与えるのであれば、中からbreakするようなコードを書いたほうがやりやすいかと思います。わざわざforの条件部分に詰め込むことではありません。

Answer 4

let f = 0;


let begin = (f == 0) ? 0 : 10
let end = (f==0) ? 10 : 20

for (let i = begin; i < end; i++) {
    console.log(i);
}

Comments

[adddd]

こちらのソースで
for(i=0;i<10;i++)
と
for(i=10;i>0;i--)
のような変え方はできるんでしょうか？

Answer 5

そういう使い方はできません。
文法を無視するような使い方になってますね