Home / Questions / 510290
Accepted
Darinel Cigarroa
Asked: 2022-06-21 19:30:44 +0800 CST 2022-06-21 19:30:44 +0800 CST

Convert properties of an object to String JS?

  • 772

Hello everyone, I have the following array of objects in their integer values ​​properties, I am trying to transform those integers to strings:

const pension = [{
  cat_bank_id: 91,
  cat_discount: 1,
  clabe: "901",
  curp: "ASDA",
  name: "asda",
  percentage: "12"
}]

The keys that contain the integer are cat_bank_id and cat_discount, how can I achieve this? Thank you very much in advance for your answers and comments.

I am trying the following way, I manage to convert the integer to a string but I don't know how to generate a new object array with the transformed values.

const pension = [{
  cat_bank_id: 91,
  cat_discount: 1,
  clabe: "901",
  curp: "ASDA",
  name: "asda",
  percentage: "12"
}];

console.log(pension)

pension.forEach(pension => {
  console.log('sin transformar', typeof pension.cat_bank_id)
  const string = String(pension.cat_bank_id)
  console.log('transformado', typeof string)
})

javascript

3 Answers

  1. The issue is that you can go through the object with for in instead of with forEach, this based on the first example you passed, in case of being an array and inside an object, you should only have the array and its index before the object, you could do something like this if it's only those 2 keys to modify:

    const pension = {
    cat_bank_id: 91,
    cat_discount: 1,
    clabe: "901",
    curp: "ASDA",
    name: "asda",
    percentage: "12"
  }

  pension.cat_bank_id = String(pension.cat_bank_id)
  pension.cat_discount = pension.cat_discount.toString()

  console.log(pension)

    Or something like this if you want to modify all integers:

    const pension = {
    cat_bank_id: 91,
    cat_discount: 1,
    clabe: "901",
    curp: "ASDA",
    name: "asda",
    percentage: "12"
  }

  for (const key in pension) {
      if(typeof pension[key] === "number"){
          pension[key] = String(pension[key])
      }
  }

  console.log(pension)

    To pass the value to string , you can use both valor.toString()as String(valor).

    • 0

  2. so you can convert integers to string with the functiontoString()

    var obj = [
  {
    id: 451
  }
];

var NumberString = (obj[0].id).toString();

console.log("id: "+NumberString, "type: "+typeof NumberString);

    • 0
  3. Best Answer

    A very simple way to do this is to map your array with Array.map , to apply the toString function on each property of your object. You can access the keys of your object with Object.keys and iterate over them with Array.forEach

    const pension = [
  {cat_bank_id: 91,cat_discount: 1,clabe: "901",curp: "ASDA",name: "asda",percentage: "12"},
  {cat_bank_id: 92,cat_discount: 1,clabe: "902",curp: "ASDB",name: "asdb",percentage: "12"}
];

pension.map(x => {
  Object.keys(x).forEach(key => {
    x[key] = x[key].toString();
  });
  return x;
});

console.log(pension);

    If you already know exactly which keys you want to change, it is not necessary to do it on all keys. You should only consider the maintainability concepts of your project.

    const pension = [
  {cat_bank_id: 91,cat_discount: 1,clabe: "901",curp: "ASDA",name: "asda",percentage: "12"},
  {cat_bank_id: 92,cat_discount: 1,clabe: "902",curp: "ASDB",name: "asdb",percentage: "12"}
];

pension.map(x => {
  ['cat_bank_id', 'cat_discount'].forEach(key => {
    x[key] = x[key].toString();
  });
  return x;
});

console.log(pension);

    • 0