javasciprtのswitch文で if文でいうAND的な処理をしたい

Question

お世話になっております。

Switch文を使ってIF文でいうところのAND的な条件を作りたいのですがどのように作成が可能なのでしょうか

IF(1==2 AND 2==2){
}

的な事をSWITCH文を使ってコードを記載したいと思っております...

<div class="Contena_MainImage">
<img id="Image01" class="MainImage1" src="../wounise/gamelist/2/img/kellen-riggin-oQQ1bxY8Exc-unsplash.jpg" />

        <hr/>
        <div class="Contena_SecondImage">

            <a href="javascript:void(0);" onclick="LinkClick(0,`png`);"><img class="SecondImage1" src="../wounise/gamelist/2/img/kellen-riggin-oQQ1bxY8Exc-unsplash.jpg"></img>
            </a><br/>
            <a href="javascript:void(0);" onclick="LinkClick(1,`mp4`);"><img class="SecondImage1" src="../wounise/gamelist/2/img/toan-nguyen-eVqaLcolf4k-unsplash.jpg"></img>
            </a><br/>
            <a href="javascript:void(0);" onclick="LinkClick(2);"><img class="SecondImage1" src="../wounise/gamelist/2/img/erwans-socks-RUdgCetWUDc-unsplash.jpg"></img>
            </a><br/>
            <a href="javascript:void(0);" onclick="LinkClick(5);"><img class="SecondImage1" src="../wounise/gamelist/2/img/erwans-socks-RUdgCetWUDc-unsplash.jpg"></img>
            </a><br/>
            <a href="javascript:void(0);" onclick="LinkClick(4);"><img class="SecondImage1" src="../wounise/gamelist/2/img/erwans-socks-RUdgCetWUDc-unsplash.jpg"></img>
            </a><br/>
            <a href="javascript:void(0);" onclick="LinkClick(5);"><img class="SecondImage1" src="../wounise/gamelist/2/img/graham-mansfield-YXyo7zCqQs4-unsplash.jpg"></img>
            </a><br/>
           
        </div>
</div>

    <script type="text/javascript">
        function LinkClick(param,intension) {
            var elem = document.getElementById("Image01");

            switch (param+","+intension) {
                       case "0,png":
                    elem.outerHTML = '<img id="Image01" class="MainImage1" src="" />';
                    var elem = document.getElementById("Image01");
                    elem.src = "../wounise/gamelist/2/img/kellen-riggin-oQQ1bxY8Exc-unsplash.jpg";
                    break;

                
                case "0,mp4":
                    elem.outerHTML = '<video><source src="" type=""></video>';
                    var elem = document.getElementById("Image01");
                    elem.src = "../wounise/gamelist/2/img/BestLife.mp4";
                    break;





                case "1,png":
                    elem.outerHTML = '<img id="Image01" class="MainImage1" src="" />';
                    var elem = document.getElementById("Image01");
                    elem.src = "../wounise/gamelist/2/img/toan-nguyen-eVqaLcolf4k-unsplash.jpg";
                    break;

                case "1,mp4":
                    elem.outerHTML = '<video><source src="" type=""></video>';
                    var elem = document.getElementById("Image01");
                    elem.src = "../wounise/gamelist/2/img/BestLife.mp4";
                    break;

                case 2:
                    elem.src = "../wounise/gamelist/2/img/toan-nguyen-eVqaLcolf4k-unsplash.jpg";
                    break;
                case 3:
                    elem.src = "../wounise/gamelist/2/img/tommy-nguyen-QRwwfeDdC-w-unsplash.jpg";
                    break;
                case 4:
                    elem.src = "../wounise/gamelist/2/img/erwans-socks-RUdgCetWUDc-unsplash.jpg";
                    break;
                default:
                    elem.src = "../wounise/gamelist/2/img/graham-mansfield-YXyo7zCqQs4-unsplash.jpg";
                    break;
            }
        }
    </script>

Comments

[takasima20]

具体的にどんなことをしたいのかを追記されると、回答しやすいと思います。

[nguyenseiji]

ご連絡ありがとうございます。

自分が実装したい処理としてはaタグを使って押したらonClickからJavascriptの関数を呼び出して
その関数の処理は拡張子がpngだったらimgタグをinnerHTMLでmp4だったらvideoタグをinnerHTMLで
現在のタグを変更する処理をSwitchで変更しようと考えております

[takasima20]

具体的なことが決まっている部分だけでもコードにして質問に追記してはいかがでしょうか?

[nguyenseiji]

返信遅れました
質問の方、修正させて頂きましたのでご確認ください
現状できないのがjavascript側でのinnterHTMLがうまく機能しないです...
機能しないので現状はコメントアウトしてますが

Answer 1

IF(1==2 AND 2==2){

は無意味なので、if(x==2 and y==2){相当だとすると、
変数には数値しか入っていないはずとか、文字列だが例えば絶対に","は無いということであれば可能です。

x = 2;
y = 2;
switch(x+","+y){
case "2,2":
    console.log("x=2, y=2");
    break;
case "2,1":
    console.log("x=2, y=1");
    break;
}

例では数値前提で","を使いましたが、文字列の場合はその文字列に含まれない文字なら何でも良いです。"\a"とかの制御文字を使うと良いかと思います。

Comments

[otn]

Cだと文字列が使えないので、switch(x*1000+y) みたいなことをします。

[nguyenseiji]

ご返信ありがとうございます!
switch文について無事解決しました
ですが<img>タグを<video><source><video>タグに変更したいと思い
switch上でouterHTMLを使っているのですがうまく機能せず...

Answer 2

効率的でもないしあまり推奨されていませんが
switch(true)で条件設定ができます

switch(true){
case 1==2 && 2==2:
  console.log(1);
  break;
case 1==1 && 2==2:
  console.log(2);
  break;
case 1==1 && 2==2:
  console.log(3);
  break;
}  

Comments

[nguyenseiji]

ご返信ありがとうございます。
引数にtrueを必ず入れないといけないのでしょうか
またfalseを入れた場合はcaseが逆になるのでしょうか

またやはりIF文をこの場合は使った方が良いのでしょうか

Answer 3

関数のパラメータはひとつでもいけそうなのでこんなかんじで。(リンクの方も要修正)
ただし、実態は分からないので適宜調整してください。

    <script type="text/javascript">
        function LinkClick(param) {
            url = ["../wounise/gamelist/2/img/kellen-riggin-oQQ1bxY8Exc-unsplash.jpg",
                   "../wounise/gamelist/2/img/BestLife.mp4",
                   "../wounise/gamelist/2/img/toan-nguyen-eVqaLcolf4k-unsplash.jpg",
                   "../wounise/gamelist/2/img/BestLife.mp4",
                   "../wounise/gamelist/2/img/toan-nguyen-eVqaLcolf4k-unsplash.jpg",
                   "../wounise/gamelist/2/img/tommy-nguyen-QRwwfeDdC-w-unsplash.jpg",
                   "../wounise/gamelist/2/img/erwans-socks-RUdgCetWUDc-unsplash.jpg",
                   "../wounise/gamelist/2/img/graham-mansfield-YXyo7zCqQs4-unsplash.jpg"];

            let elem = document.getElementById("Image01");
            if (param == 1 || param == 3) {
                elem.innerHTML = '<video><source src="" type=""></video>';
            }
            elem.src = url[param];
    </script>

Comments

[nguyenseiji]

こんな方法があったのですね!!!
面白い....
ありがとうございます。
解決しました

[otn]

元の質問と全く関係なくなってしまいましたね。
元の質問の延長線上であればともかく、全く関係ない質問は、別の質問にしましょう。