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

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

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

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

Q&A

解決済

2回答

1214閲覧

JavaScript 複雑な条件を定数に閉じ込めたい

babybaby

総合スコア40

JavaScript

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

0グッド

0クリップ

投稿2021/06/16 02:33

言語:JavaScript
ブラウザ環境:IE11

JavaScriptの定数定義について質問があります。

以下のようなRPGゲームの自キャラクターのステータスが選択できるラジオボタンがあり、
ステータス値によっては「エリート」チェックボックスが自動チェックされるような仕様があります。

チェックされる基準は表として添付させて頂いている画像の通りで、「〇」と記載されている条件下でチェックされます。

こういった処理はif文やswitch文で分岐させることも可能かと思います。
しかし、今後チェックの基準が頻繁に変わっても良いように、JavaScriptでオブジェクトとして定数定義しておきたいのですが中々良い案が思い浮かびません。

どのような形でも参考になると思いますので、ご教示よろしくお願い致します。

<p>レベル<br> <input type="radio" name="l" value="1"> 1 <input type="radio" name="l" value="2"> 2 <input type="radio" name="l" value="3"> 3 <input type="radio" name="l" value="4"> 4 <input type="radio" name="l" value="5"> 5 </p> <p>職業ランク<br> <input type="radio" name="jr" value="1"> high <input type="radio" name="jr" value="2"> medium <input type="radio" name="jr" value="3"> lower </p> <p>スキルランク<br> <input type="radio" name="sr" value="1"> high <input type="radio" name="sr" value="2"> medium <input type="radio" name="sr" value="3"> lower </p> <input type="checkbox" value="1">エリート

ステータス選択画面

自動チェックの基準

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

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

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

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

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

yambejp

2021/06/16 02:51

何をしたいのかわかりません ラジオボタンを選択したら表に○をつけたいのですか?
babybaby

2021/06/16 02:55

わかりにくくてすみません。 「レベル」、「職業ランク」、「スキルランク」3つのラジオボタンを選択した時に、一定の条件をクリアしていれば、「エリート」チェックボックスにチェックを自動的に入れたいです。 その時の条件を表に記載しています。
Lhankor_Mhy

2021/06/16 02:59

不通に変数に入れておけばいいと思いますが、「定数」という記述には何か意図がありますか? ハードコード、みたいな意味合いでしょうか?
babybaby

2021/06/16 03:13

変数に入れることをイメージしています。特別な意図はないですが、すべての条件をif文で分岐させていくわけではないということを示したかったです。
guest

回答2

0

こんな感じでしょうか。

サンプル

js

1[, 2 [, 3 [, 0, 0, 1, 1, 1], 4 [, 0, 0, 1, 1, 1], 5 [, 0, 0, 0, 0, 0] 6 ], 7 [, 8 [, 0, 0, 1, 1, 1], 9 [, 0, 0, 0, 1, 1], 10 [, 0, 0, 0, 0, 0] 11 ], 12 [, 13 [, 0, 0, 0, 0, 0], 14 [, 0, 0, 0, 0, 0], 15 [, 0, 0, 0, 0, 0] 16 ] 17] 18

投稿2021/06/16 03:41

編集2021/06/16 03:46
Lhankor_Mhy

総合スコア36896

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

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

0

ベストアンサー

js

1const Rank = {LOW:3, MEDIUM:2, HIGH:1}; 2const ELITE_CONDITIONS = [ 3 {job:Rank.HIGH, skill:Rank.HIGH, level:3}, 4 {job:Rank.HIGH, skill:Rank.HIGH, level:4}, 5 {job:Rank.HIGH, skill:Rank.HIGH, level:5}, 6 {job:Rank.HIGH, skill:Rank.MEDIUM, level:3}, 7 // 以下続く

こんなかんじの定数を用意しておいて、ELITE_CONDITIONS.find(...) で判定するのはいかがでしょうか。

ブラウザ環境:IE11

IEを使うのはやめましょう。

投稿2021/06/16 03:03

編集2021/06/16 04:03
int32_t

総合スコア21597

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.37%

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

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

質問する

関連した質問