¿Cómo crear un nuevo objeto a partir del objeto especificado, donde todas las claves están en minúsculas en JavaScript?

En este artículo, aprenderemos cómo crear un nuevo objeto a partir del objeto especificado donde todas las claves están en minúsculas usando JavaScript.

Ejemplo: 

Entrada: {RollNo: 1, Mark: 78}

Salida: {rollno: 1, marca: 78}

Explicación: aquí, hemos convertido los valores de las teclas de mayúsculas a minúsculas.

Enfoque 1: 

Un enfoque simple es Extraer claves de Objeto y Minúsculas a todas las claves y hacer Objeto con ellas. Para este propósito usamos Object.keys() para extraer claves del objeto. Y use el método String.toLowerCase() para las teclas en minúsculas y el método Array.reduce() para hacer un objeto con strings en minúsculas. 

Ejemplo 1: 

HTML

<script>
  // Test Object
  const Student = { RollNo : 1, Mark: 78 };
  
  // Function to lowercase keys 
  function Conv( obj , key )
  {
    obj[key.toLowerCase()] = Student[key];
    return Student;
  }
  
  // Function to  create object from lowercase keys 
  function ObjKeys( obj) {
    let arr1 = Object.keys(obj);
    let ans = {};
    for(let i of arr1)
    {
    Conv(ans,i);
  
    }
    return ans;
  }
  
  a = ObjKeys(Student);
  console.log(a);
  
</script>

Producción:

{ rollno : 1, mark : 78}

Enfoque 2:

El enfoque más simple es convertir Objeto en array y convertir las claves en minúsculas y crear objetos a partir de una nueva array. Para este propósito, usamos Object.entries() para hacer una array a partir de Object. Y usamos Array.map() para aplicar el método String.toLowerCase() a todas las claves. Para convertir una nueva array en un objeto, usamos Object.fromEntries().

Ejemplo:

HTML

<script>
  // Test Object
  const employ = { EmpId: 101, Batch: 56 };
  
  // Converting Object to array 
  let k = Object.entries(employ);
  
  //  Apply toLowerCase function to all keys 
  let l = k.map(function(t){
    t[0] = t[0].toLowerCase()
    return t;
    }
  );
  
  // Converting back array to Object
  const a  = Object.fromEntries(l)
  console.log(a)
</script>

Producción:

{ empid : 101, batch : 56 } 

Publicación traducida automáticamente

Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *