要素の数を調べたいのですが、要素の文字数が表示されてしまいます。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Googleスプレッドシートをデータベースにして、条件にあう項目数を示したいと考えています。
入力欄に入力された名前とデータベース上で一致する名前の項目を抜き出すという仕様です。

発生している問題・エラーメッセージ

.lenghtで項目数が引っ張ってこれ得るかと考えて下のコードを書いたのですが、該当する項目の文字数がでてきます。
今回だと該当した結果がFukuoka,Saga,Oitaの３項目で、本来であれば3という数字をひろってきて欲しいのに、実際には「7 4 4」と表示されます。

該当のソースコード

 store.read("sheet1", { limit: 1000, offset: 0 }).then(data => {
      console.dir(data);
      console.log(" - - - - - - - - - - - ");
      for (let i = 0; i < data.length; i++) {
        const element = data[i];
        if (document.getElementById("name").value===element.name){
        const addresses = element.address;
          console.log(addresses.length);
        }
      }
  });

試したこと

.lengthを.childElementCountに変えたところ、undefinedと表示されてしまいました。

補足情報（FW/ツールのバージョンなど）

VS Codeを使用しています。

Answer 1

（以下は変更を最小限にしたものです）
forループ内でデータを１つ１つ調べながら、条件に合致する項目であればカウンタに1を加え、
forループを抜けた後にカウンタの最終結果を表示します。

      store.read("sheet1", { limit: 1000, offset: 0 }).then(data => {
        console.dir(data);
        // カウンタ
        let count = 0;
        for (let i = 0; i < data.length; i++) {
          const element = data[i];
          // 条件に合致する項目であればカウンタに1を加える。
          if (document.getElementById("name").value === element.name) {
            count++;
          }
        }
        // カウンタの最終結果を表示する。
        console.log(count);
      });

内容まで表示したいなら下記のようにします。
（mapやfilter等を駆使すればもっと短いコードにできるかもしれませんが、理解や可読性の観点から、なるべく元の質問文から最小限の変更になるようにしています）

      store.read("sheet1", { limit: 1000, offset: 0 }).then(data => {
        console.dir(data);
        // 検索結果格納用の配列
        const result = [];
        for (let i = 0; i < data.length; i++) {
          const element = data[i];
          // 条件に合致する場合は、配列resultにその項目を追加する。
          if (document.getElementById("name").value === element.name) {
            result.push(element.address);
          }
        }
        // resultの要素の個数と内容の表示。
        console.log(`検索結果： ${result.length} 個見つかりました。`);
        console.log(`内容：${result.join()}`);
      });

Comments

[NaokiUchid]

とっても丁寧にありがとうございます！
早速試してみたのですが、両方とも元のコードと同じで、「8 ②10」と返ってきました。
これは、該当するこたえの文字数（一つ目が8文字で、二つ目と三つ目が10文字）が返ってきてるようです。

[退会済みユーザー]

・（一応念のための確認なのですが）私の回答コードの形に変えたあと、コードエディタで保存してブラウザのページを更新されたでしょうか。
前と同じように８②10と表示される原因は、（検索テキストボックスに入れる名前を変えただけで）
元のコードを変えていない、または保存していない、ページを更新していない、という可能性が考えられます。
（ホットリロードに対応していない限り、ページを更新しないと修正後のコードは読み込まれません）

・回答欄の2つ目のコードの形に変えた場合は、少なくとも
「検索結果： xx 個見つかりました。内容：～～」
というような形式で表示されるはずですが、具体的にどのように表示されますでしょうか。

・回答コードについては、質問者さんが明らかにしていない情報を自分で推測し補完してテストしておりますので、質問者さんの状況と手元の状況が違っている可能性もあります。

お手数ですが、質問者さんのデータベース（スプレッドシート）の内容がわかるもの（どの列に、どのようなデータが入っているのかが具体的にわかる情報[画像のキャプチャがベストです]）と、
現状のソースコード全体を省略せず記載していただけないでしょうか。（質問文に記載されている以外のところにバグや考え方の違いが潜んでいる可能性があるため）
（プライバシーの観点からそのまま載せられないというような場合はダミーのデータに置き換えてください）

[NaokiUchid]

ご返信くださってたのに気づかず返信が遅れて失礼しました！

保存を確認し再度行ったところ、上のコードで数字が出て下のコードで内容も出ました。
こんな基本的なつまずきのフォローまでしてくださってありがとうございました！！

[退会済みユーザー]

解決して良かったです。