javascript : trim all properties of an object [duplicate]

Question

Is there a way to trim all properties of an object? In other words, can I change that:

{a: ' a', b: 'b ', c: ' c '}

To this:

{a: 'a', b: 'b', c: 'c'}

It seems I can't map an object, so how can I apply a function to all properties an get the object back?

Answer 1

You can use Object.keys() method to iterate the object properties and update its values:

Object.keys(obj).forEach(k => obj[k] = obj[k].trim());

Demo:

var obj = {
  a: ' a',
  b: 'b ',
  c: ' c '
};

Object.keys(obj).forEach(k => obj[k] = obj[k].trim());
console.log(obj);

Edit:

If your object values can be of other data types(not only strings), you can add a check to avoid calling .trim() on non strings.

Object.keys(obj).forEach(k => obj[k] = typeof obj[k] == 'string' ? obj[k].trim() : obj[k]); 

var obj = {
  a: ' a',
  b: 'b ',
  c: ' c ',
  d: 500
};

Object.keys(obj).forEach(k => obj[k] = typeof obj[k] == 'string' ? obj[k].trim() : obj[k]);

console.log(obj);

Answer 2

You can use Object.keys to reduce and trim the values, it'd look something like this:

function trimObjValues(obj) {
  return Object.keys(obj).reduce((acc, curr) => {
    acc[curr] = obj[curr].trim()
    return acc;
  }, {});
}


const ex = {a: ' a', b: ' b', c: ' c'};
console.log(trimObjValues(ex));

Answer 3

You can do that by looping through it.

for(var key in myObject) {
    myObject[key] = myObject[key].trim();
}

Answer 4

You can use a use reduce to create an object with the values you're looking for:

const test = {a: ' a', b: 'b ', c: ' c '}
const trimAllValues = input => Object.keys(input)
  .reduce((prev, next) =>
    Object.assign(prev, {
      [next]: test[next].replace(/\s+/g, '')
    }), {});
  
const result = trimAllValues(test)
console.log(result)

Lodash's mapValues will be more performant and have better browser support. You can either use lodash, or alternatively have a look at their source and implement the same:

function mapValue(object, iteratee) {
  object = Object(object)
  const result = {}

  Object.keys(object).forEach((key) => {
    result[key] = iteratee(object[key], key, object)
  })
  return result
}

Answer 5

const object1 = {
  a: ' somestring',
  b: ' a',
  c: 'a '
};

const newVals = Object.values(object1).map(val => val.trim());
console.log(newVals); //["somestring", "a", "a"]