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

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

ただいまの
回答率

90.86%

  • JavaScript

    14236questions

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

javascriptの配列について

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 168

xin

score 10

お世話になっております。
今JavaScriptの勉強のために「独習JavaScript」を進めています。
練習問題で分からないことが出てきたので質問させてください。

Q. 配列dataがあるとする。
この配列要素のうち、数値のみ合計値を計算し、アラートダイアログに表示させるプログラムをfor/in文を利用して作成しなさい。

A. 

var data = [1, 4, 5, 'string', 8]  //配列を変数dataに格納
var sum = 0;  //sumという変数を作って初期値0を格納
for (var num in data) {  //dataという配列オブジェクトのプロパティを順に変数に格納
    if (typeof data[num] == 'number') {  //配列のプロパティのデータ型が数値の場合
        console.log(data[num]);  //1, 4, 5, 8と出力されることを確認
        sum += data[num];  //変数sum(0)にプロパティを順に足していく
    }
}
alert(sum); //18

配列はconsoleで結果を確認するために私が適当に決めました。
答えについては上記のように理解は出来たのですが、
console.log(data[num]);
を間違えて
console.log(num);
と入力した際に、consoleには0, 1, 2, 4と表示されました。
index番号を取得してきているようです。
index番号を取得する場合はconsole.log(num.index);ではないのかなと思ったのですが、
逆に全てundefinedと返ってきてしまいました、、、

for/in文の中で配列のindex番号を全てconsoleに表示する場合は
for (変数名 in オブシェクト名) 文 において
console(変数名);
ということなのでしょうか、、?

かなり初歩的な質問で申し訳ないのですが、混乱してきてしまったのでどなたかご回答お願いいたしますm(_ _)m

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

+2

var data = [1, 4, 5, 'string', 8];

というのは、こういうことです

var data = [];
data[0] = 1;
data[1] = 4;
data[2] = 5;
data[3] = 'string';
data[4] = 8;


配列のキーは0から始まる連続した整数と決まっています
整数がindexをもつことはありません

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

JavaScriptのfor/in文は、オブジェクトのプロパティに対して反復処理をするという仕様です。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/for...in

配列におけるプロパティはもちろんインデックス番号です。
そのため、numにはインデックス番号が入ります。

どうしても値からインデックス番号を取得して表示させたい!という場合は、回りくどいですがこんな感じになります。

また、インデックス番号を取得するメソッドとしてはindexOfがありますが、これは「配列にある値のうち、該当する最初のもののインデックス番号を取得する」メソッドです。
これを強引に使うなら、回りくどいですがこんな感じになります。

for (let i in data) {
    console.log(data.indexOf(data[i]));
}

ただし、配列の中に同じ値があると正しい結果が返ってきません。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

  • ただいまの回答率 90.86%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • JavaScript

    14236questions

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