JSでの配列の構造について matchメソッドの返り値

Question

実現したいこと

matchメソッドを利用した際の返り値の配列の構造が理解できない

前提

下記のように配列を定義するとエラーになります。
配列の中でオブジェクトのキーはそのまま書けません

 const h=[ '111111','222222',index: 0,input: 'ああああああ' ]

しかし、matchメソッドを使った際の返り値の値は配列の中に直接オブジェクトのキーが入っています

該当のソースコード

  const paragraph = '//sssssssss/vvvvvvvv/bbbbb'
  const regex = /^\/(.*)\/bbbbb/
  const result = paragraph.match(regex)
  console.log(result)

コンソールで確認できる返り値

 ['//sssssssss/vvvvvvvv/bbbbb', 
'/sssssssss/vvvvvvvv', 
index: 0,
input: '//sssssssss/vvvvvvvv/bbbbb', 
groups: undefined]

この形で配列が返ってくるのに自分で同じ構造で定義した際はエラーになる意味がわかりません。

試したこと

プロパティにアクセスできることを確認

  console.log(result?.input)
  console.log(result['input'])

回答よろしくおねがいします

Comments

[otn]

> 自分で同じ構造で定義した際はエラーになる
具体的にどういうことでしょうか？コードと結果を書きましょう。

[shunta80]

自分で定義した際というのは前提のところに書いてあるコードになります。

Answer 1

自分で同じ構造で定義した際はエラーになる意味がわかりません。

単に、その書き方が文法的に正しくないだけです。

GPTの回答のように、「一旦配列を作ってから、名前の付いたプロパティを代入する」必要があります。

Answer 2

配列もオブジェクトなので任意のプロパティがモテるというだけです。
もちろん自分で構造の定義もできます

const h=Object.assign([ '111111','222222'],{index: 0,input: 'ああああああ'});
console.dir(h);

冗長にやるならこう

const h=['111111','222222'];
Object.defineProperty(h,"index",{enumerable:true,value:0});
Object.defineProperty(h,"input",{enumerable:true,value:"ああああああ"});
Object.defineProperty(h,"hidden_data",{enumerable:false,value:"いいいいいい"});
console.dir(Object.entries(h));

なおオブジェクトの種類によってはユーザーが任意に上書きできるプロパティとそうでないものがあり、ユーザーが任意に設定したプロパティを上書きさせなくすることも可能です。enumerableで列挙をコントロールすることも可能です

Answer 3

この回答はGPT-4による自動生成回答です

JavaScriptのmatchメソッドが返すのは、一見すると配列のように見えますが、実際には配列に似たオブジェクト（Array-like object）です。これは、配列のようにインデックスでアクセスでき、lengthプロパティも持っていますが、配列のメソッドを全て持っているわけではないという特性を持っています。

matchメソッドが返すオブジェクトは、マッチした結果を格納する配列に加えて、indexやinputといった追加のプロパティを持っています。これらはマッチした位置や元の文字列を示すためのものです。

したがって、以下のようなコードはエラーになります。

const h=[ '111111','222222',index: 0,input: 'ああああああ' ]

これは配列リテラルの中にオブジェクトリテラルを混在させているためです。配列の要素としてオブジェクトを持つことは可能ですが、その場合は以下のように書く必要があります。

const h=[ '111111','222222', {index: 0, input: 'ああああああ'} ]

しかし、これはmatchメソッドの返り値とは異なる構造になります。matchメソッドの返り値のようなオブジェクトを作るには、以下のようにすることができます。

const h = ['111111', '222222'];
h.index = 0;
h.input = 'ああああああ';

これにより、hはmatchメソッドの返り値と同じような構造のオブジェクトになります。