ChatGPT解决这个技术问题 Extra ChatGPT

将对象的所有键转换为小写的最佳方法(最有效)是什么?

我想出了

function keysToLowerCase (obj) {
  var keys = Object.keys(obj);
  var n = keys.length;
  while (n--) {
    var key = keys[n]; // "cache" it, for less lookups to the array
    if (key !== key.toLowerCase()) { // might already be in its lower case version
        obj[key.toLowerCase()] = obj[key] // swap the value to a new lower case key
        delete obj[key] // delete the old key
    }
  }
  return (obj);
}

但是我不确定 v8 会如何处理它,例如,它真的会删除其他键还是只会删除引用并且垃圾收集器稍后会咬我?

另外,我创建了 these tests,我希望您可以在其中添加您的答案,以便我们可以看到它们是如何匹配的。

编辑 1:显然,根据测试,如果我们不检查密钥是否已经是小写字母,但速度更快,它会通过忽略这一点并创建新的小写密钥而造成更多混乱吗?垃圾收集器会对此感到满意吗?

您可以创建一个新对象而不是修改现有对象吗?您将跳过所有删除。
我认为你的代码是合理的。 “如果我们不检查密钥是否已经是小写字母,它会更快,但是......它会通过忽略这个并创建新的小写密钥来创建更多的混乱” - 该代码实际上不起作用(它将结束删除任何已经小写的键),所以它有多快并不重要......
@JasonOrendorff 显然速度较慢,并且每次都会创建一个不需要的对象,而垃圾收集器不会对此感到满意...
@JoãoPintoJerónimo 您在速度测试中看到的是代码在同一个对象上运行了数千次。当然,测试运行一次之后,就没有更多的工作要做了;所有的键都是小写的。如果您通过创建具有大量键的大量对象来测试它:jsperf.com/object-keys-to-lower-case/7,那么所有三个实现都会显着变慢,但在 Firefox 和 Chrome 中创建新对象会稍微快一些。
哦,我看到了@JasonOrendorff ...我将对测试进行另一次修订

s
some

我想出的 fastest 是如果您创建一个新对象:

var key, keys = Object.keys(obj);
var n = keys.length;
var newobj={}
while (n--) {
  key = keys[n];
  newobj[key.toLowerCase()] = obj[key];
}

我对 v8 的当前内部工作不够熟悉,无法给你一个明确的答案。几年前,我看到一个开发人员谈论对象的视频,而 IIRC 它只会删除引用并让垃圾收集器处理它。不过那是几年前的事了,就算当时是这样,现在也不需要这样了。

以后会咬你吗?这取决于你在做什么,但可能不是。创建短期对象是很常见的,因此代码经过优化以处理它。但是每个环境都有其局限性,也许它会咬你。您必须使用实际数据进行测试。


这是最好的答案,但@JasonOrendorff 也值得称赞。
我认为这需要 key = keys[n] 前面的 var 吗?
@AndrewFerrier 正确。固定的。
如果你有类似 {A:1, B : { C: 2 }} A 和 B 会改变但不会改变 C
@MichaelWarner 是的,它只触及你给它的对象中的键,而不触及孩子。这就是问题所在。看起来你想做一个深拷贝,但那是一个黑暗的深兔子洞......
Y
Yves M.

使用 Object.fromEntries (ES10)

使用新 Object.fromEntries 方法的本机和不可变解决方案:


const newObj = Object.fromEntries(
  Object.entries(obj).map(([k, v]) => [k.toLowerCase(), v])
);

在该函数 becomes widely available 之前,您可以使用以下 polyfill 自己定义它:

Object.fromEntries = arr => Object.assign({}, ...Array.from(arr, ([k, v]) => ({[k]: v}) ));

一件好事是这个方法与 Object.entries 相反,所以现在您可以在对象和数组表示之间来回切换。


c
caleb

我会像这样使用 Lo-Dash.transform

var lowerObj = _.transform(obj, function (result, val, key) {
    result[key.toLowerCase()] = val;
});

您现在可以使用 Object.fromEntries 来实现相同类型的转换,但在本机,使用 vanilla JavaScript
@YvesM。 not supported by IE11 :(
T
Thanh Thuy

就个人而言,我会使用:

let objectKeysToLowerCase = function (origObj) {
    return Object.keys(origObj).reduce(function (newObj, key) {
        let val = origObj[key];
        let newVal = (typeof val === 'object') ? objectKeysToLowerCase(val) : val;
        newObj[key.toLowerCase()] = newVal;
        return newObj;
    }, {});
}

它简洁,重复处理嵌套对象并返回一个新对象而不是修改原始对象。

在我有限的本地测试中,这个函数比当前列出的其他递归解决方案更快(一旦修复)。我很想将它与其他人进行基准测试,但 jsperf 目前处于下降状态(???)。

它也是用 ES5.1 编写的,所以根据 MDN 上的文档,它应该可以在 FF 4+、Chrome 5+、IE 9.0+、Opera 12+、Safari 5+(所以,几乎所有东西)中工作。

对象.keys()

大批。原型.reduce()

Vanilla JS 获胜。

我不会太担心这一切的垃圾收集方面。一旦对旧对象的所有引用都被销毁,它将成为 GC,但新对象仍将基本上引用它的所有属性,因此它们不会。

任何函数、数组或正则表达式都将通过引用被“复制”。在内存方面,即使是字符串也不会被此过程复制,因为大多数(全部?)现代 JS 引擎用户string interning。我认为只剩下构成原始结构的数字、布尔值和对象留给 GC 处理。

请注意,如果原始具有多个具有相同小写表示的属性,则此过程的(所有实现)将丢失值。 IE:

let myObj = { xx: 'There', xX: 'can be', Xx: 'only', XX: 'one!' };
console.log(myObj);
// { xx: 'There', xX: 'can be', Xx: 'only', XX: 'one!' }

let newObj = objectKeysToLowerCase(myObj);
console.log(newObj);
// { xx: 'one!' }

当然,有时这正是您想要的。

2018-07-17 更新

一些人注意到原始函数不适用于数组。这是一个扩展的、更有弹性的版本。如果初始值是数组或简单值,它会通过数组正确递归并工作:

let objectKeysToLowerCase = function (input) {
    if (typeof input !== 'object') return input;
    if (Array.isArray(input)) return input.map(objectKeysToLowerCase);
    return Object.keys(input).reduce(function (newObj, key) {
        let val = input[key];
        let newVal = (typeof val === 'object') && val !== null ? objectKeysToLowerCase(val) : val;
        newObj[key.toLowerCase()] = newVal;
        return newObj;
    }, {});
};

我建议这个解决方案,因为它是纯函数并且不会改变原始对象
当键的值是值的数组时,这将不起作用。类型将数组作为对象。@Mollomby
我喜欢你的解决方案,但如果值是一个数组,它就不起作用。建议修改条件以检查该值是数组类型还是非对象类型。例如let newVal = ( typeof val !== 'object') || ( Array.isArray( val) )? val: objectKeysToLowerCase(val);
我正在使用您的解决方案,但它不适用于 values = null 的属性。我已将 if (typeof input !== 'object') return input; 修改为 if (typeof input !== 'object' || input===null) return input;
重申上面提到的内容,如果任何对象属性为 nulltypeof 检查正确说明 undefined),这将引发错误。将 || input == null 添加到第一行检查以解决此问题。
T
Tom Roggero

ES6 版本:

Object.keys(source)
  .reduce((destination, key) => {
    destination[key.toLowerCase()] = source[key];
    return destination;
  }, {});

D
Damian Green

loDash/fp 方式,非常好,因为它本质上是一个内衬

import {
mapKeys
} from 'lodash/fp'

export function lowerCaseObjectKeys (value) {
return mapKeys(k => k.toLowerCase(), value)
}

争论不休
S
Szymon Toda

在我的测试中使用 forEach 似乎要快一些 - 并且原始参考已消失,因此删除新参考将使 gc 可以访问

function keysToLowerCase(obj){
    Object.keys(obj).forEach(function (key) {
        var k = key.toLowerCase();

        if (k !== key) {
            obj[k] = obj[key];
            delete obj[key];
        }
    });
    return (obj);
}

var O={一:1,二:2,三:3,四:4,五:5,六:{a:1,b:2,c:3,D:4,E:5}}; keysToLowerCase(O);

/* 返回值:(对象)*/

{
    five:5,
    four:4,
    one:1,
    six:{
        a:1,
        b:2,
        c:3,
        D:4,
        E:5
    },
    three:3,
    two:2
}

我将您的功能添加到第 9 版:jsperf.com/object-keys-to-lower-case/9
仍然没有比我的快...反向 while 循环是 Javascript 中最快的循环,请参见:jsperf.com/javascript-loop(反向 while 循环会更快,但结果会显示另一件事是最快的,可能来自旧浏览器之前跑过)
不是纯函数 - 你正在改变参数
C
Community

简化答案

对于简单的情况,您可以使用以下示例将所有键转换为小写:

Object.keys(example).forEach(key => {
  const value = example[key];
  delete example[key];
  example[key.toLowerCase()] = value;
});

您可以使用 toUpperCase() 而不是 toLowerCase() 将所有键转换为大写:

Object.keys(example).forEach(key => {
  const value = example[key];
  delete example[key];
  example[key.toUpperCase()] = value;
});

R
Rohit Parte

这是将所有 json 键转换为小写的最简单解决方案。

let o = {"Account_Number   ":"0102301", "customer_NaME":"name"}

o = Object.keys(o).reduce((c, k) => (c[k.toLowerCase().trim()] = o[k], c), {})

console.log(o)

E
El.

我使用了 ES6 和 TypeScript。 toLowerCaseObject 函数以 Array 作为参数并递归地查看对象树并使每个节点小写:

function toLowerCaseObject(items: any[]) {
        return items.map(x => {
            let lowerCasedObject = {}
                for (let i in x) {
                    if (x.hasOwnProperty(i)) {
                        lowerCased[i.toLowerCase()] = x[i] instanceof Array ? toLowerCaseObject(x[i]) : x[i];
                    }
            }
            return lowerCasedObject;
        });
    }

g
giladb

单线(仅适用于顶级键):

Object.assign(...Object.keys(obj).map(key => ({[key.toLowerCase()]: obj[key]})))

转换:

{ a: 1, B: 2, C: { Z: 4 } }

至:

{ a: 1, b: 2, c: { Z: 4 } }

这会创建具有所有属性的数组吗?
刚刚更新了代码。它将所有顶级键转换为小写。
Z
Zuhair Taha

使用打字稿

/**
 * Lowercase the keys of an object
 * @example
  lowercaseKeys({FOO: true, bAr: false}); // {foo: true, bar: false}
 */
export function lowercaseKeys<T>(object: { [key: string]: T }): { [key: string]: T } {
  const result: { [key: string]: T } = {};

  for (const [key, value] of Object.entries(object)) {
    result[key.toLowerCase()] = value;
  }

  return result;
}

用法

lowercaseKeys({FOO: true, bAr: false}); // {foo: true, bar: false}

M
Michael Warner

这不是最干净的方法,但它对我的团队有用,所以值得分享。

我创建了这个方法,因为我们的后端正在运行一种不区分大小写的语言,并且数据库和后端会产生不同的关键情况。对我们来说,它完美无缺。请注意,我们将日期作为字符串发送,我们不发送函数。

我们已将其简化为这一行。

const toLowerCase = (data) => JSON.parse(JSON.stringify(data).replace(/"([^"]+)":/g, ($0, key) => '"' + key.toString().toLowerCase() + '":'))

我们使用 JSON.parse(JSON.stringify(obj)) 方法克隆对象。这将生成 JSON 格式的对象的字符串版本。虽然对象是字符串形式,但您可以使用正则表达式,因为 JSON 是一种可预测的格式来转换所有键。

拆开是这样的。

const toLowerCase = function (data) {
  return JSON.parse(JSON.stringify(data)
   .replace(/"([^"]+)":/g, ($0, key) => {
     return '"' + key.toString().toLowerCase() + '":'
   }))
}

M
Martin
const keysToLowerCase = object => {
  return Object.keys(object).reduce((acc, key) => {
    let val = object[key];
    if (typeof val === 'object') {
      val = keysToLowerCase(val);
    }
    acc[key.toLowerCase()] = val;
    return acc;
  }, {});
};

适用于嵌套对象。


m
moonwave99

考虑只小写一次,将其存储在 lowKey 变量中:

function keysToLowerCase (obj) {
  var keys = Object.keys(obj);
  var n = keys.length;
  var lowKey;
  while (n--) {
    var key = keys[n];
    if (key === (lowKey = key.toLowerCase()))
    continue

    obj[lowKey] = obj[key]
    delete obj[key]

  }
  return (obj);
}

添加到修订版 6:jsperf.com/object-keys-to-lower-case/6 我认为它并不快
a
adamkonrad

这是我基于上述示例之一的递归版本。

//更新函数 var lowerObjKeys = function(obj) { Object.keys(obj).forEach(function(key) { var k = key.toLowerCase(); if (k != key) { var v = obj[key] obj[k] = v; 删除 obj[key]; if (typeof v == 'object') { lowerObjKeys(v); } } });返回对象; } //管道控制台 = { _createConsole: function() { var pre = document.createElement('pre'); pre.setAttribute('id', 'console'); document.body.insertBefore(pre, document.body.firstChild);返回前; },信息:函数(消息){ var pre = document.getElementById("console") || console._createConsole(); pre.textContent += ['>', message, '\n'].join(' '); } }; //测试用例 console.info(JSON.stringify(lowerObjKeys({ "StackOverflow": "blah", "Test": { "LULZ": "MEH" } }), true));

请注意,它不跟踪循环引用,因此您最终可能会出现无限循环,从而导致堆栈溢出。


这里有一个错误;该函数仅重复 if (k != key),因此如果您将嵌套对象存储在小写键中,则不会触及它。解决方法是将内部 if (typeof v == 'object') { ... } 子句移到 if (k != key) { ... } 子句之外。性能看起来差不多。
哦,还有 var v = obj[key] 分配,它确实会降低性能..:/
K
Karan

对于所有值:

to_lower_case = function(obj) {
    for (var k in obj){
        if (typeof obj[k] == "object" && obj[k] !== null)
            to_lower_case(obj[k]);
        else if(typeof obj[k] == "string") {
            obj[k] = obj[k].toLowerCase();
        }
    }
    return obj;
}

同样可以用于稍作调整的键。


D
Dave Sag

我就是这样做的。我的输入可以是任何东西,它通过嵌套对象和对象数组回避。

const fixKeys = input => Array.isArray(input)
  ? input.map(fixKeys)
  : typeof input === 'object'
  ? Object.keys(input).reduce((acc, elem) => {
      acc[elem.toLowerCase()] = fixKeys(input[elem])
      return acc
    }, {})
  : input

使用 mocha 测试

const { expect } = require('chai')

const fixKeys = require('../../../src/utils/fixKeys')

describe('utils/fixKeys', () => {
  const original = {
    Some: 'data',
    With: {
      Nested: 'data'
    },
    And: [
      'an',
      'array',
      'of',
      'strings'
    ],
    AsWellAs: [
      { An: 'array of objects' }
    ]
  }

  const expected = {
    some: 'data',
    with: {
      nested: 'data'
    },
    and: [
      'an',
      'array',
      'of',
      'strings'
    ],
    aswellas: [{ an: 'array of objects' }]
  }

  let result

  before(() => {
    result = fixKeys(original)
  })

  it('left the original untouched', () => {
    expect(original).not.to.deep.equal(expected)
  })

  it('fixed the keys', () => {
    expect(result).to.deep.equal(expected)
  })
})

G
Guvaliour
var aa = {ID:1,NAME:'Guvaliour'};
var bb= {};
var cc = Object.keys(aa);
cc.forEach(element=>{
 bb[element.toLowerCase()]=aa[element];
});
cosole.log(bb)

S
Sumant Singh

下面的代码将所有键转换为小写

array.forEach(item=>{
         
          let data = Object.keys(item).reduce((result, p) => (result[p.toLowerCase().trim()] = item[p], result), {})
          
          if(data.hasOwnProperty(fieldname)){
              if(data[fieldname]){
                if(!response['data'].includes(data[fieldname].toLowerCase()))
                    response['data'].push(data[fieldname]) 
                
             }
           }
          
        })