angularjs create new json array from existing array based on id as key remaining objects are values

Question

I have bookingData.roomList,

bookingData.roomList = [{id : <>, roomCategory : Single, number : 2}, {id:<>,roomCategory : Double, number : 1}]

And i want to make a new values like roomListData

roomListData = {<uuid> : {roomCateghory : Single, number : 2}, 
                <uuid1> : {roomCateghory : Double, number : 2} }

please some one help me to solve this

yeah i checked it's working fine. thanks for your support bro. thanks for everybody — KALIDOSS T
– KALIDOSS T, Commented May 4, 2017 at 12:13

Jins Peter · Accepted Answer · 2017-04-28 06:03:12Z

3

I think This is what you need. To use a property value as property label you use []

var roomList = [{id: 4514,roomCategory: "Single", number: 2}, 
                {id: 4542,roomCategory: "Double", number: 1}];

var newJson = [];
roomList.forEach(function(item) {
  newJson.push({
  [item.id] :{
        "roomCategory": item.roomCategory,
        "number": item.number
        }
  });
});
console.log(newJson);

answered Apr 28, 2017 at 6:03

Jins Peter

2,4891 gold badge22 silver badges40 bronze badges

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

1 Comment

Dave Over a year ago

How to iterate in the 'newJson' that has been created?

Rohìt Jíndal · Accepted Answer · 2017-04-28 07:35:08Z

1. using JavaScript for...in loop :

var bookingData = {
	"roomList": [{
		id: 1,
		roomCategory: "Single",
		number: 2
	}, {
		id: 2,
		roomCategory: "Double",
		number: 1
	}]
};

var roomListData = {};

for(var i in bookingData.roomList) {
  roomListData[bookingData.roomList[i].id] = {
    "roomCategory" : bookingData.roomList[i].roomCategory,
    "number" : bookingData.roomList[i].number
  }
}

console.log(roomListData);

2. using Array.map() method with ES6 Arrow function :

var bookingData = {
	"roomList": [{
		id: 1,
		roomCategory: "Single",
		number: 2
	}, {
		id: 2,
		roomCategory: "Double",
		number: 1
	}]
};

var roomListData = {};

bookingData.roomList.map(item =>
  roomListData[item.id] = {
    "roomCategory" : item.roomCategory,
    "number" : item.number
  });

console.log(roomListData);

3. using ES6 Spread assignment :

var bookingData = {
	"roomList": [{
		id: 1,
		roomCategory: "Single",
		number: 2
	}, {
		id: 2,
		roomCategory: "Double",
		number: 1
	}]
};

function createObj(a,b) {
  var roomListData = {};
  roomListData[a.id] = a,delete a.id;
  roomListData[b.id] = b,delete b.id;
  return roomListData;
}

var res = createObj(...bookingData.roomList);
console.log(res);

Nadeer Ahammed · Accepted Answer · 2017-04-28 05:37:02Z

1

`

var roomList = [{id : 1, roomCategory : "Single", number : 2}, {id:2,roomCategory : "Double", number : 1}];
var roomListData = {};
for(var i=0;i< roomList.length ;++i){
    var temp =  roomList[i];
    var id = temp.id;
    delete temp.id;
    roomListData[id]=temp;
}
console.log(roomListData);

`

answered Apr 28, 2017 at 5:37

Nadeer Ahammed

1008 bronze badges

Comments

fluoresce · Accepted Answer · 2017-04-28 05:44:01Z

0

I assuming by uuid1 you mean a new uuid, not 'uuid' with the number 1 appended.

bookingData.roomList = [{id : <>, roomCategory : Single, number : 2}, {id:<>,roomCategory : Double, number : 1}]

roomList = {};
bookingData.forEach(function(element, index, array) {
    var uuid = GenerateNewUUID();
    // or uuid = element.id;
    delete element.id;
    roomList[uuid] = element;
});

answered Apr 28, 2017 at 5:44

fluoresce

4522 silver badges8 bronze badges

Collectives™ on Stack Overflow

angularjs create new json array from existing array based on id as key remaining objects are values

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related