栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

对象的映射功能(而不是数组)

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

对象的映射功能(而不是数组)

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': 2, 'b': 4, 'c': 6 }console.log(myObject);// => { 'a': 1, 'b': 2, 'c': 3 }

Array.prototype.reduce
通过将先前的值与当前值进行某种程度的合并,将数组减少为单个值。该链由一个空对象初始化
{}
。在每次迭代中,
myObject
都会添加的新键,其键值是该键的两倍。

更新资料

借助ES6的新功能,有一种更优雅的表达方式

objectMap

const objectMap = (obj, fn) =>  Object.fromEntries(    Object.entries(obj).map(      ([k, v], i) => [k, fn(v, k, i)]    )  )const myObject = { a: 1, b: 2, c: 3 }console.log(objectMap(myObject, v => 2 * v))


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/517864.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号