慕姐8265434
2019-07-23 15:33:56
對(duì)象的映射函數(shù)(而不是數(shù)組)我有一個(gè)對(duì)象:myObject = { 'a': 1, 'b': 2, 'c': 3 }我正在尋找一個(gè)本機(jī)方法,類(lèi)似于Array.prototype.map將使用如下:newObject = myObject.map(function (value, label) {
return value * value;});// newObject is now { 'a': 1, 'b': 4, 'c': 9 }JavaScript是否具有map對(duì)象的這種功能?(我想將它用于Node.JS,所以我不關(guān)心跨瀏覽器問(wèn)題。)
3 回答

暮色呼如
TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超9個(gè)贊
沒(méi)有原生map
的Object
對(duì)象,但這個(gè)怎么樣:
var myObject = { 'a': 1, 'b': 2, 'c': 3 };Object.keys(myObject).map(function(key, index) { myObject[key] *= 2;});console.log(myObject);// => { 'a': 2, 'b': 4, 'c': 6 }
但您可以使用for ... in
以下方法輕松迭代對(duì)象:
var myObject = { 'a': 1, 'b': 2, 'c': 3 };for (var key in myObject) { if (myObject.hasOwnProperty(key)) { myObject[key] *= 2; }}console.log(myObject);// { 'a': 2, 'b': 4, 'c': 6 }
更新
很多人都提到以前的方法不返回新對(duì)象,而是操作對(duì)象本身。就此而言,我想添加另一個(gè)返回新對(duì)象的解決方案,并保留原始對(duì)象:
var myObject = { 'a': 1, 'b': 2, 'c': 3 };// returns a new object with the values at each key mapped using mapFn(value)function objectMap(object, mapFn) { return Object.keys(object).reduce(function(result, key) { result[key] = mapFn(object[key]) return result }, {})}var newObject = objectMap(myObject, function(value) { return value * 2})console.log(newObject);// => { 'a': 1, 'b': 4, 'c': 6 }console.log(myObject);// => { 'a': 1, 'b': 2, 'c': 3 }
Array.prototype.reduce
通過(guò)稍微將先前值與當(dāng)前值合并,將數(shù)組減少為單個(gè)值。鏈由空對(duì)象初始化{}
。在每次迭代時(shí),myObject
都會(huì)添加一個(gè)新的鍵,其正方形為值。

函數(shù)式編程
TA貢獻(xiàn)1807條經(jīng)驗(yàn) 獲得超9個(gè)贊
沒(méi)有本地方法,但是lodash#mapValues可以很好地完成工作
_.mapValues({ 'a': 1, 'b': 2, 'c': 3} , function(num) { return num * 3; });// → { 'a': 3, 'b': 6, 'c': 9 }
添加回答
舉報(bào)
0/150
提交
取消