jQuery で配列の中身が `E.fn.init ["267", prevObject: E.fn.init(1)]` となっているけど、これって何?

Question

以下の~~文を実行すると、、、~~関数があります。

function checkedValues() {
  var values = $('input:checkbox:checked').map(function() {
    return $(this).val()
  });
  return values
}

chrome の console には以下のように表示されます。
この関数を実行している画面で　Chrome console を開き、関数を直接入力して実行すると以下のように表示されました。

E.fn.init ["999", prevObject: E.fn.init(1)]

キャプチャは以下の通り

なぜ、普通の配列じゃないのでしょうか? またこのオブジェクト(?)は何ですか? map 使うとこうなる?

尚、該当ソースの抜粋は以下の通りです。

<input type="checkbox" name="hoge" id="hoge" value="267" />
<label for="hoge">hoge</label>

<br>

<input type="checkbox" name="fuga" id="fuga" value="888" />
<label for="fuga">fuga</label>

<script>
  function checkedValues() {
    var values = $('input:checkbox:checked').map(function() {
      return $(this).val()
    });
    return values
  }

  function enableLink(b) {
    if (b) {
      $('#link').removeClass("disabled")
    } else {
      $('#link').addClass("disabled")
    }
  }

  function setLinkState() {
    var ids = checkedValues()
    enableLink(ids.length > 0)
  }
  jQuery(function($) {
    $('input:checkbox').click(function() {
      setLinkState()
    })
    setLinkState()
  })
</script>

Comments

[m.ts10806]

これ、どこでどのように実行したのでしょうか。
再現できる手順を明示してください。

[miyabi_pudding]

該当のHTMLコードも記載してください。

[naserehari]

失礼しました。
質問内容に整合性がありませんでした。
取り消し線を入れたりして内容を編集しました。

[miyabi_pudding]

HTMLの記載の依頼を無視しないでください・・・。
もっとも、maisumakunさんの回答で解決しそうですけどね。

[naserehari]

HTML を追記しました。
はい、 maisumakun さんの回答で解決な感じです。
ありがとうございました。
(同様な問題に遭遇した他の人の役に立つページになればいいな...????)

Answer 1

$().mapの返り値は、配列ではなくjQueryオブジェクトです（jQuery公式）。

普通の配列として使いたいのであれば、.get()を付けて変換する必要があります。

Comments

[naserehari]

なるほど! jQuery オブジェクトなのか!

chrome console で
`checkedValues().get()` とすると期待したとおり、 `["267"]` と普通の配列として取得できました。