Convert all object values to lowercase with lodash

Question

I have an object:

z = {x: 'HHjjhjhHHHhjh', y: 'YYYYY', c: 'ssss'}

I need to convert all values to lowercase

z = {x: 'hhjjhjhhhhhjh', y: 'yyyyy', c: 'ssss'}

How to do this in one time, maybe with lodash? for now I am doing:

z.x = z.x.toLowerCase()
z.y = z.y.toLowerCase()
z.c = z.c.toLowerCase()

Simply iterate over the properties of the object. If you don't know how, see http://stackoverflow.com/q/85992/218196 . — Felix Kling, Nov 19 '15 at 16:54

score 25 · Accepted Answer · answered Nov 19 '15 at 17:26

25

Using lodash, you can call mapValues() to map the object values, and you can use method() to create the iteratee:

_.mapValues(z, _.method('toLowerCase'));

answered Nov 19 '15 at 17:26

Adam Boduch

11,023
3
30
38

3

If your object has non-strings values it will remove them. its best to check type `_.mapValues(objs, function(s){ return _.isString(s) ? s.toLowerCase() : s; });` **Source:** http://stackoverflow.com/questions/15510712/lowercase-of-object-value-in-array-with-underscore-js – Simo Mafuxwana Nov 24 '16 at 05:11

score 7 · Answer 2 · answered Dec 11 '16 at 23:44

7

A lot of the stuff you'd use Lodash for you can do quite easily in ES6/ES2015. Eg, in this case you could:

var z = { x: 'HHjjhjhHHHhjh', y: 'YYYYY', c: 'ssss' };
var y = Object.keys(z).reduce((n, k) => (n[k] = z[k].toLowerCase(), n), {});

console.log(y);
// { x: 'hhjjhjhhhhhjh', y: 'yyyyy', c: 'ssss' }

Pretty neat, eh?

answered Dec 11 '16 at 23:44

Molomby

5,859
2
34
27

Browser support for this is ok but not great. YMMV.. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Browser_compatibility – Molomby Dec 11 '16 at 23:47

Rick Hitchcock · Answer 3 · 2015-11-19T16:55:55.280

5

In JavaScript, you can iterate through the object's keys using a for...in loop:

var z = {x: 'HHjjhjhHHHhjh', y: 'YYYYY', c: 'ssss'};

for(var i in z) {
  z[i]= z[i].toLowerCase();
}

console.log(z);

I don't know if lodash can improve on that.

edited Nov 19 '15 at 16:55

answered Nov 19 '15 at 16:55

Rick Hitchcock

35,202
5
48
79

score 2 · Answer 4 · answered Nov 19 '15 at 16:54

2

In vanilla js:

Object.keys(z).forEach(function ( key ) {
    z[key] = z[key].toLowerCase();
});

Lodash might have shorter forEach syntax.

answered Nov 19 '15 at 16:54

Shilly

8,511
1
18
24

score 1 · Answer 5 · answered Nov 19 '15 at 16:54

If you want a solution without lodash, you could use Object.keys and Array.prototype.reduce:

var z = {x: 'HHjjhjhHHHhjh', y: 'YYYYY', c: 'ssss'};

var lowerZ = Object.keys(z).reduce(function(obj, currentKey) {
    obj[currentKey] = z[currentKey].toLowerCase();
    return obj;
}, {});

score 0 · Answer 6 · answered Nov 20 '15 at 09:00

0

CoffeeScript solution:

z = x: 'HHjjhjhHHHhjh', y: 'YYYYY', c: 'ssss'

for key, val of z
    z[key] = val.toLowerCase()

answered Nov 20 '15 at 09:00

Tomasz Jakub Rup

10,502
7
48
49

score 0 · Answer 7 · edited Jul 20 '22 at 13:44

0

for (var key in object) {
    //enter code here...
    const value = object[key].toLowerCase();
    console.log(value);
    console.log(`${key}: ${value}`);
}

edited Jul 20 '22 at 13:44

Mahyar Mottaghi Zadeh

1,178
6
18
31

answered Jul 19 '22 at 07:07

TRONGBAO

1

Please read [How do I write a good answer?](https://stackoverflow.com/help/how-to-answer). While this code block may answer the OP's question, this answer would be much more useful if you explain how this code is different from the code in the question, what you've changed, why you've changed it and why that solves the problem without introducing others. - [From Review](https://stackoverflow.com/review/low-quality-posts/32238228) – Saeed Zhiany Jul 21 '22 at 05:07

Convert all object values to lowercase with lodash

7 Answers7