map関数の中でプロパティの追加をするとundefine

Question

JSに関しての質問です…

追記
paizaでは成功しているようですが、ReactのフレームワークであるNext.jsとChromeのdevツールのconsoleでは成功しませんでした...

let array=['first','second']
let obj = {}

array.map(arr=>{
  console.log(arr) //=>first, second
  obj[arr] = arr //=> 配列の中にundefineが2つ
})

予測では、

obj:{
 first:’first’
 second:’second'
}

となるはずだったのですが、

console.log(obj) //=>[undefine, undefine]

となりました…

なぜかわかりますでしょうか...回答お待ちしております...

Comments

[m.ts10806]

そもそも、別のSyntaxErrorが出ます。

Answer 1

let array=[‘first’,’second’]

引用符がシングルクォーテーションになってないからだと思います。

Comments

[re_refuse]

すいません。修正しました

[m.ts10806]

ちゃんと出ましたよ。
{ first: 'first', second: 'second' }

[m.ts10806]

一応、確認できる環境を↓
https://paiza.io/projects/kM5X19XPE1yApwYqdlYZUg

[re_refuse]

array.map(arr=>{
console.log(arr) //=>first, second
obj[arr] = arr //=> 配列の中にundefineが2つ
})

VM488:2 first
VM488:2 second

(2) [undefined, undefined]
0: undefined
1: undefined
length: 2
__proto__: Array(0)

こうなるんですけど....

[m.ts10806]

どこにobjに対するconsole.log()を書いてますか？

あと、そもそもこのコードはどのように実行されてますか？

[m.ts10806]

ああ、追記されたんですね、失礼。入れ違いになりました。

[m.ts10806]

> Chromeのdevツールのconsoleでは成功しませんでした...

devツール上だと下記が関係するかもしれません。
https://teratail.com/questions/258152

Next.jsはすみません。手元にReact自体ないもので確認は出来ませんが、近い理由のような気がします。
それぞれタグに追加しておくとReactおよびNext向けのアドバイスも得られるかもしれません。

[re_refuse]

回答ありがとうございます!
chromeでの表示はできました。
知識不足でした。

[m.ts10806]

解決されたのは良いのですけど、
＞chromeでの表示はできました。

これは「どのようにしたのか」を記載しておくと後から見た人のためになります。
https://teratail.com/help/question-tips#questionTips4-2
「知識不足だった」だけだと「結局どうなったか」　アドバイスをした私にすら分からないので。

[re_refuse]

chromeでは
console.log(obj)ではundefineとなりますが、
objと打ち込むと補完として
{first: 'first', second: 'second'}
と表示されました。

[m.ts10806]

了解です。やはりconsole.log()の戻り値問題でしたね。