Map函數返回數組的索引，而不是字符串值

Question

在我的地圖功能觀察奇怪的現象：

let tpl = ({x}, y = `This is ${x}`) => y; 
 
    
 
console.log(tpl({x:5})); //correctly returns 'This is 5' 
 

 
console.log([{x:1}, {x:9}].map(tpl)); //expecting array of strings, instead get [0, 1]

是可能的「修復」這省去默認變量y，並返回直接來自tpl的模板字符串。不過，我寧願這樣做初始化，也不明白爲什麼它不會起作用。

似乎是一個奇怪的異常對我來說，有人有洞察力我缺少的東西？

Answer 1

您的tpl功能提供(value, index, array)通過JavaScript的映射Array方法。您已給出y的默認值This is ${x}。但是當您通過tpl作爲map的回調時，y未定義，因此不使用默認值。 map正在將索引傳遞給您的y參數。

let tpl = ({x}, y = `This is ${x}`) => y 
const arr = [ {x:1}, {x:9} ]; 
arr.map(tpl) // [0, 1] 
arr.map((value, index, array) => tpl(value)) // [ 'This is 1', 'This is 9' ] 

Array.prototype.map()

Default parameters