Jquery Object (Ajax-response) to Array of Keys and Values

Question

after I send an $.ajax request I get a response which looks like this:

(don't be afraid of Russian symbols, they are just strings of text:))

Actually, I know that when php send the request, it was a simple array like:

0 => array(2) ('hotel'=>'Отельчик', city_from => 'Москва'),
1 => array(6) ('birth_date'=>"2999-01-01", 'doc_fullnumber'=> '1', 'is_buyer'=>'0', 'is_tourist'=>'0', 'lastName'=>'Имя', name => 'Имя')

and so on....

It seems much easier for me to process arrays, not objects in JS. Could anyone give an advice of how to turn this object into simple array without all those '_ proto _: Object ' and all other Jquery specific stuff?

Frank Cadillac · Accepted Answer · 2017-07-01 15:03:17Z

2

I think you need this

var finalArray = [];
for(var index in response){
    toPush = [];
    for(var key in response[index]{
        toPush.push(response[index][key]);
    }
    finalArray.push(toPush);
}

This will remap your response in an array of arrays. Hope I understood right. Even I must say it's more convenient to process objects, than arrays.

answered Jul 1, 2017 at 15:03

Frank Cadillac

2451 silver badge7 bronze badges

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

3 Comments

Sergej Fomin Over a year ago

Thanks, Frank. It outputs: joxi.ru/MAj0z5yI4Ovxam It still has all those proto:Array(0) and stuff. Or is this normal Jquery behaviour? If so, I'll close the question. And maybe it's easier to operate objects, I am a newbee:)

Frank Cadillac Over a year ago

It's normal behaviour!

Frank Cadillac Over a year ago

Protos are functions available for entities of certain types...for example when you have var pippo = [1], you can call some functions from the array itself pippo.push(2)... Same thing for objects, strings..ecc...

Himanshu Upadhyay · Accepted Answer · 2017-07-01 15:05:24Z

1

Hey you can do one simple trick.

When you are sending data from your Php do like this:

$data_to_send = array("which will have your data");

echo json_decode(json_encode($data_to_send),true);

This will convert your object to array and you can use it like that in JavaScript too.

answered Jul 1, 2017 at 15:05

Himanshu Upadhyay

6,5571 gold badge23 silver badges34 bronze badges

2 Comments

Himanshu Upadhyay Over a year ago

Yea... @SergejFomin You may accept my answer as Best answer. (That green tick).

Sergej Fomin Over a year ago

Thank you! would use your approach and others and then choose the best answer:)

Danny Fardy Jhonston Bermúdez · Accepted Answer · 2017-07-01 16:36:53Z

1

From Object.prototype.proto:

The __proto__ property of Object.prototype is an accessor property (a getter function and a setter function) that exposes the internal [[Prototype]] (either an object or null) of the object through which it is accessed.

Warning: Changing the [[Prototype]] of an object is, by the nature of how modern JavaScript engines optimize property accesses, a very slow operation, in every browser and JavaScript engine. The effects on performance of altering inheritance are subtle and far-flung, and are not limited to simply the time spent in obj.__proto__ = ... statement, but may extend to any code that has access to any object whose [[Prototype]] has been altered. If you care about performance you should avoid setting the [[Prototype]] of an object. Instead, create a new object with the desired [[Prototype]] using Object.create().

You already have an array of objects. You can iterate over the array of objects by this way:

var data = [{
  "hotel": "Гостиница",
  "city_from": "Mockba"
}, {
  "birth_date": "2999-01-01",
  "doc_fullnumber": 1,
  "is_buyer": 0,
  "is_tourist": 0,
  "lastName": "LastName1",
  "name": "Name1"
}, {
  "birth_date": "2999-01-02",
  "doc_fullnumber": 1,
  "is_buyer": 0,
  "is_tourist": 0,
  "lastName": "LastName2",
  "name": "Name2"
}, {
  "birth_date": "2999-01-01",
  "doc_fullnumber": 1,
  "is_buyer": 0,
  "is_tourist": 0,
  "lastName": "LastName3",
  "name": "Name3"
}];

function showData(data) {
  console.log(data);
  var i, len = data.length, html = "<ul>", obj;
  for (i = 0; i < len; i++) {
    obj = data[i];
    html += "<li>";
    html += obj.name !== undefined ? obj.name : "";
    html += " ";
    html += obj.lastName !== undefined ? obj.lastName : "";
    html += "</li>";
  }
  html += "</ul>";
  return html;
}
document.getElementById("data").innerHTML = showData(data);

<div id="data"></div>

Remember: MDN - Details of the object model

JavaScript is an object-based language based on prototypes, rather than being class-based. Because of this different basis, it can be less apparent how JavaScript allows you to create hierarchies of objects and to have inheritance of properties and their values.

edited Jul 1, 2017 at 16:36

answered Jul 1, 2017 at 15:12

Danny Fardy Jhonston Bermúdez

5,5915 gold badges27 silver badges38 bronze badges

4 Comments

Sergej Fomin Over a year ago

Thank you, man!:) seems you know Russian? :) Yeah, the main thing is how to process it. I would use your approach and others and then choose the best answer:)

Danny Fardy Jhonston Bermúdez Over a year ago

You're welcome dude. Let me know if you need more help. Удачи! :)

Sergej Fomin Over a year ago

Hi, Danny! Actually, your answer helped me most. But I've chosen another answer as mathing better the actual question in the topic. Sorry:) And thank you again!

Sergej Fomin Over a year ago

:) maybe you can help me with this also: stackoverflow.com/questions/44886845/…

Collectives™ on Stack Overflow

Jquery Object (Ajax-response) to Array of Keys and Values

3 Answers 3

3 Comments

2 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related