Move an object (element) one step up with Javascript

Question

I have several objects like this:

enter image description here

I want to move type and value one step up so they will be next to field, and then delete data.
It looks like this when departments is converted to JSON:

[
    {"field"    : "DEPARTMAN_NO",
     "data"     : { "type":"numeric" , "comparison":"eq" , "value":11 }
    },
    {"field"    : "DEPARTMAN_ADI",
     "data"     : { "type":"string" , "value":"bir" }
    }
]

I have tried:

departments = grid.filters.getFilterData();
i = {};
for(var i in department) {
department = i.data;
delete.department.data;
};

but it dosen't work.

Can you post markup/code? I can't see your picture on my intranet? — El Ronnoco
– El Ronnoco, Commented Jun 29, 2012 at 9:05
The reason your delete doesn't work is because you need to say delete obj[property] where property is the property to delete. Also you don't declare i properly - you should remove i = {}. See my answer. — El Ronnoco
– El Ronnoco, Commented Jun 29, 2012 at 10:34

wiky · Accepted Answer · 2012-06-29 11:50:30Z

5

1) First, loop departments, each item we call it department;
2) You want to move department.data's properties to department, From another angle, you can move department's properties to department.data and return department.data, code like:

var departments = [{
        "field": "DEPARTMAN_NO",
        "data": {
            "type": "numeric",
            "comparison": "eq",
            "value": 11
        }
    }, {
        "field": "DEPARTMAN_ADI",
        "data": {
            "type": "string",
            "value": "bir"
        }
    }],
    department;

for (var i = 0, len = departments.length; i < len; i++) {
    department = departments[i]; // department
    for (var key in department) {
        if (key !== 'data' && department.data) {
            department.data[key] = department[key];
        }
    }
    departments[i] = department.data || department; // if no department.data, no change
}

console.log(departments);

result:

enter image description here

view the full demo http://jsfiddle.net/KVYE5/

edited Jun 29, 2012 at 11:50

answered Jun 29, 2012 at 9:32

wiky

6,2283 gold badges18 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

risyasin Over a year ago

i was going to answer just the way up here. but wiky faster so +1 :)

ilhan Over a year ago

However there are several obj s within departments

wiky Over a year ago

On the demo code, obj is an item of departments, and you just need to loop the 'departments', others are same.

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

I wrote a little npm package that does what you're asking for: moving a property up a level in an object.

You can get it here: https://www.npmjs.com/package/move-property-up-a-level

Usage

var movePropertyUpALevel = require('movePropertyUpALevel');

var fakeObj = {
    poodle: {
        first: {
            hey: 'you'
        },
        second: 'meAgain'
    }
};

movePropertyUpALevel(fakeObj, 'poodle');

console.log(fakeObj.first.hey);
//'you'
console.log(fakeObj.poodle);
//undefined

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jun 17, 2015 at 23:51

tnrich

8,7208 gold badges45 silver badges71 bronze badges

1 Comment

Jack Fairfield Over a year ago

"Useage" is misspelled.

El Ronnoco · Accepted Answer · 2012-06-29 09:50:23Z

1

obj =
[
    {"field"    : "DEPARTMAN_NO",
     "data"     : { "type":"numeric" , "comparison":"eq" , "value":11 }
    },
    {"field"    : "DEPARTMAN_ADI",
     "data"     : { "type":"string" , "value":"bir" }
    }
];


for ( var item in obj ) {
    if ( obj[item].field && obj[item].data ) { //check the 'field' and 'data' exist
        obj[item].field = {
            dept : obj[item].field ,         //department name is put into a property
            type : obj[item].data.type,      //so is data.type and data.value..
            value: obj[item].data.value      //..all are now contained in 'field'
        };
        delete obj[item].data;               //remove the 'data' object
    }
}

console.log(obj);

answered Jun 29, 2012 at 9:50

El Ronnoco

11.9k5 gold badges41 silver badges67 bronze badges

Comments

Denys Séguret · Accepted Answer · 2012-06-29 09:05:41Z

0

department.type = department.data.type;
department.value = department.data.value;
delete department['data'];

answered Jun 29, 2012 at 9:05

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

5 Comments

ilhan Over a year ago

I think I have to loop because it says that department.data.type is undefined.

Denys Séguret Over a year ago

Is departement.data defined? Can you give us a greater view of your object tree ?

ilhan Over a year ago

I think the Java Script engine doesn't understand what object I'm referring to because there are 2 objects within departement. So it might be more appropriate to write something like departement.[0].data.

Denys Séguret Over a year ago

Maybe. That's a valid syntax. It's hard to say if it's appropriate without knowing the whole object tree.

ilhan Over a year ago

departement.data is not defined. I have updated the question.

Collectives™ on Stack Overflow

Move an object (element) one step up with Javascript

4 Answers 4

3 Comments

Usage

1 Comment

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Usage

1 Comment

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related