JavaScript　for文の配列

前提・実現したいこと

ついさっき質問をしましたが、完全に丸投げの質問をしてしまったので書き直します。
Java Scriptを勉強中です。

2つの果物を使って果物の価格表を作成し、果物の名前を入力するとその価格を出力するプログラムに取り組んでいて、下のようにプログラムを書いたのですが、「promptにどんなものを入力してもリンゴの値段は250円です。」としか表示されなくて困っています。実際合っているんじゃないかと思ったのですが全然うまくいきません。

説明が下手で申し訳ありません。
初心者に分かりやすく教えてくださる方いらっしゃいませんか？

実際に書いたコード

JavaScript
1<!DOCTYPE html>
2<html>
3    <head>
4        <meta charset="UTF-8">
5        <title>フルーツの値段</title>
6    </head>
7    <body>
8        <script>
9            var Fruits_name = ["リンゴ","オレンジ","ブドウ","バナナ",
10            "メロン","スイカ","キウイ","パイナップル"];
11            var Fruits_price = ["250","120","450","300",
12            "780","980","350","1280"];
13            var Fruits_size = 8;
14
15            var input = prompt("価値を調べたい果物の名前を入力してください");
16            var outMsg;
17
18            var i;
19            outMsg = "価格表に" + input + "は登録されていません";
20
21            for( i = 0 ; i <= Fruits_size ; i++ ){
22                if( input = Fruits_name[ i ]){
23                    outMsg = Fruits_name[ i ] + "の値段は" + Fruits_price[ i ]+ "円です";
24                    break;
25                }
26            }
27
28            alert( outMsg );
29        </script>
30    </body>
31</html>

補足

・今は、["リンゴ","オレンジ","ブドウ","バナナ","メロン","スイカ","キウイ","パイナップル"]と表にあるのですが、これら以外の果物をpromptで入力した際には、「価格表に登録されていません。」と表示してほしいです。
・出来れば、全コードを書いていただけると有り難いです。

行動規範の内容に同意します

回答1件

ベストアンサー

=と==のミスです。
初心者は良く（初心者じゃなくても時々）間違えるので注意してください。

Diff
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="UTF-8" />
5    <title>フルーツの値段</title>
6  </head>
7
8  <body>
9    <script>
10      var Fruits_name = ["リンゴ", "オレンジ", "ブドウ", "バナナ", "メロン", "スイカ", "キウイ", "パイナップル"];
11      var Fruits_price = ["250", "120", "450", "300", "780", "980", "350", "1280"];
12      var Fruits_size = 8;
13
14
15      var input = prompt("価値を調べたい果物の名前を入力してください");
16      var outMsg;
17
18      var i;
19      outMsg = "価格表に" + input + "は登録されていません";
20      console.log(input);
21      for (i = 0; i <= Fruits_size; i++) {
22-        if ((input = Fruits_name[i])) {
23+        if ((input == Fruits_name[i])) {
24          outMsg = Fruits_name[i] + "の値段は" + Fruits_price[i] + "円です";
25          break;
26        }
27      }
28      alert(outMsg);
29    </script>
30  </body>
31</html>

もう少し修正するなら

データはオブジェクトか配列でまとめてしまったほうが後々使いやすいです。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>フルーツの値段</title>
  </head>

  <body>
    <script>
      var fruitsArray = [{
        name: 'リンゴ',
        price: '250'
      }, {
        name: 'オレンジ',
        price: '120'
      }, {
        name: 'ブドウ',
        price: '450'
      }, {
        name: 'バナナ',
        price: '300'
      }, {
        name: 'メロン',
        price: '780'
      }, {
        name: 'スイカ',
        price: '980'
      }, {
        name: 'キウイ',
        price: '350'
      }, {
        name: 'パイナップル',
        price: '1280'
      }]


      var input = prompt("価値を調べたい果物の名前を入力してください");
      var outMsg;

      var i;
      outMsg = "価格表に" + input + "は登録されていません";
 
      for (i = 0; i < fruitsArray.length; i++) {
        const fruits = fruitsArray[i]
        if ((input == fruits.name)) {
          outMsg = fruits.name + "の値段は" + fruits.price + "円です";
          break;
        }
      }
      alert(outMsg);

    </script>
  </body>
</html>

投稿2021/07/14 17:20

編集2021/07/14 18:06