评估 ES6 映射中的数组以在控制台上实际打印元素

Question

Description

I have an ES6 map. It has a string key, whose value is an array of maps.

The following minimal reproducible code best describes it -

var rootMap = new Map()
rootMap.set('details', [])

var subMap = new Map()
subMap.set('items', ['foo', 'bar'])

// Append subMap to the array in rootMap
rootMap.get('details').push(subMap)

console.log(rootMap)

The problem

Upon running the snippet, I see this in the terminal -

Map(1) { 'details' => [ Map(1) { 'items' => [Array] } ] }

I need to get the array values foo and bar show up on the console, instead of [Array] .

EDIT: I can of course log the values by accessing indexes, but this question is really asking to know if it is possible to (literally) replace [Array] with the value ['foo', 'bar'] .

What I've tried

On searching for existing issues, I tried two things without success -

• using .fill() on the array (I thought it evaluates the array, but it doesn't)
• I tried using JSON.stringify , but sadly it does not support ES6 Maps yet.

I guess this has to do with JavaScript's style of lazy-loading values in the console.

I need to print the elements instead of [Array] in the console.

Answer 1

不，这是不可能的，因为console是不可配置的。