沒有原生map
的Object
對象,但這個怎么樣:
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
以下方法輕松迭代對象:
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 }
更新
很多人都提到以前的方法不返回新對象,而是操作對象本身。就此而言,我想添加另一個返回新對象的解決方案,并保留原始對象:
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
通過稍微將先前值與當前值合并,將數組減少為單個值。鏈由空對象初始化{}
。在每次迭代時,myObject
都會添加一個新的鍵,其正方形為值。