有没有办法使用 underscore.js 重命名 js 对象键

Question

我需要将 js 对象转换为另一个对象，以便传递到服务器帖子，其中键的名称不同，例如

var a = {
    name : "Foo",
    amount: 55,
    reported : false,
    ...
    <snip/>
    ...
    date : "10/01/2001"
    } 

需要转换为

a = {
  id : "Foo",
  total : 55,
  updated: false,
  ...
  <snip/>
  ... 
  issued : "10/01/2001"
  }

可用于映射所有键的查找 obj

var serverKeyMap = {
    name : "id",
    amount : "total",
    reported : "updated",
     ...
    date : "issue"
    }

是否有 underscore.js 或中可用的函数我可以使用 jQuery 来实现此功能吗？

谢谢

Answer 1

我知道您没有提到 lodash 并且答案已经解决了问题，但其他人可能会利用替代方案。

正如 @CookieMonster 在评论中提到的，您可以使用 _.mapKeys 来完成此操作：

_.mapKeys(a, function(value, key) {
    return serverKeyMap[key];
});

还有小提琴： http://jsfiddle.net/cwkwtgr3/

Answer 2

与@pimvdb类似，您也可以使用_.reduce来完成：

_.reduce(a, function(result, value, key) {
    key = map[key] || key;
    result[key] = value;
    return result;
}, {});

Fiddle：http://jsfiddle.净/T9Lnr/39/

Answer 3

据我所知，这两个库中都没有内置函数。不过，您可以相当轻松地制作自己的：http://jsfiddle.net/T9Lnr/1/。

var b = {};

_.each(a, function(value, key) {
    key = map[key] || key;
    b[key] = value;
});

Answer 4

您可以使用标准 JavaScript 将值复制到新属性，并使用 omit 删除原始属性，如下所示：

a.id = a.name;
a.total = a.amount;
a.updated = a.reported;
a = _.omit(a, 'name', 'amount', 'reported');

Answer 5

// key_map: {old_name1: new_name1, ... }
function rename_keys(object, key_map, is_picked=false){
  keys = _.keys(key_map);
  new_keys = _.values(key_map);
  picked = _.pick(object, keys);
  renamed = _.object(new_keys, _.values(picked));
  if(is_picked) return renamed;

  return _.chain(object).omit(keys).extend(renamed).value();
}

这可能比上面的答案慢。

Answer 6

不，这两个库中都没有显式重命名键的函数。您的方法也是最快的（请参阅 jsperf 测试。）如果可能的话，您最好的选择是重构客户端端或服务器端代码，因此对象是相同的。

Answer 7

我有一个转换运算符，只想将其应用于所有键。我分叉了 pimvdb 的小提琴来生成一个简单的示例。在这种情况下，它将键大写。它动态构建键盘映射，我需要确保它有效（感谢 JSFiddle）。

这是更改后的代码：

var keymap = {};
_.each(a, function(value, key) {
    var oldkey = key;
    key = capitalize(key);
    keymap[oldkey] = key;
});
_.each(a, function(value, key) {
    key = keymap[key] || key;
    b[key] = value;
});

Fiddle：
http://jsfiddle.net/mr23/VdNjf/

Answer 8

它已在这里解决 https://stackoverflow.com/a/30940370/1360897

var keyMapping = {'PropertyA': 'propertyA', ..., 'PropertyF': 'propertyNEW'}

以及旧值和新值的映射，像这样

var valueMapping = {'Y': true, 'F': false}

然后使用_.map和_.transform，你可以变换对象，像这样

var result = _.map(allItems, function(currentObject) {
    return _.transform(currentObject, function(result, value, key) {
        if (key === 'PropertyF' || key === 'PropertyG') {
            value = valueMapping(value);
        }
        result[keyMapping[key]] = value;
    });
});

Answer 9

为什么不使用这个简单的 java 脚本呢？任何键：值对的值应该是字符串/数字/布尔值。

<script type="text/javascript">    
    var serverKeyMap = {
        name : "id",
        amount : "total",
        reported : "updated"
    };

    var a = {
        name : "Foo",
        amount: 55,
        reported : false
    };

    var b={}; // b is object where you will get your output

    for(i in serverKeyMap) b[serverKeyMap[i]]=a[i];

    console.log(b); // It gives what you need.

</script>

Answer 10

正如 user2387823 所说的上面

Answer 11

这个ES2015/2017版本

Answer 12

你真的不需要下划线/lodash......无论如何现在（我意识到这个问题是9年前提出的，但是这个问题（仍然）在搜索结果中排名很高，我今天遇到了它:-)）

这是我喜欢的另一个简单的 ES2015/2017 版本，受到 @malbarmavi 的回答的启发（可能还有很多其他简单的 JS 函数，但我在简短的搜索中没有遇到任何其他函数）：

// A general key transform method. Pass it a function that accepts the old key and returns
// the new key.
//
// @example
//   obj = transformKeys(obj, (key) => (
//    key.replace(/\b(big)\b/g, 'little')
//  ))
export function transformKeys(source, f) {
  return Object.entries(source).reduce((o, [key, value]) => {
    o[f(key) || key] = value
    return o
  }, {})
}
 
// Provide an object that maps from old key to new key
export function rekeyObject(source, keyMap) {
  transformKeys(source, key => keyMap[key])
}

Answer 13

我参考了 lodash 文档并找到了 mapKeys
https://lodash.com/docs/4.17.15#mapKeys

_.mapKeys({ 'a': 1, 'b': 2 }, function(value, key) {
  return key + value;
});
// => { 'a1': 1, 'b2': 2 }

这完美地重命名键并返回一个包含修改后的所需对象的对象

Answer 14

使用下划线省略和扩展运算符。

a = _.omit({
  ...a,
  id: a.name,
  total: a.amount,
  updated: a.reported,
}, ['name', 'amount', 'reported']);

扩展运算符下面的键分配会加载新键并忽略旧键。

Answer 15

您可以创建新的自定义函数：

lodash.rename = function(obj, keys, newKeys) {
  keys.map((key, index) => {
    if(lodash.includes(lodash.keys(obj), key)) {
      obj[newKeys[index]] = lodash.clone(obj[key], true);
      delete obj[key];
    }
  });
  return obj;
};

或者如果您只想编辑一个 keyName：

lodash.rename = function(obj, key, newKey) {
    if(lodash.includes(lodash.keys(obj), key)) {
      obj[newKeys[index]] = lodash.clone(obj[key], true);
      delete obj[key];
    }
  return obj;
};

Answer 16

使用lodash，

var obj = _.renameKeys( { 1 : "Geeks",  
            2 : "Computer_Science_Portal" }, 
            { 1 : "g", 2 : "c" }); 

因此在您的情况下，您希望将 serverKeyMap 应用于对象 a ：

var obj = _.renameKeys(a, serverKeyMap);

来自 https ://www.geeksforgeeks.org/lodash-_-renamekeys-method/