parse [object Object] Angular 6

Question

I want to parse a string and save projectName and poNumber into 2 variables. This is what I have by now, using JSON.parse()

employees = []
JSON.parse(data).array.forEach(element => {
    this.employees.push({
      projectName: element.projectName,
      poNumber: element.poNumber
    })
  });

console.log(employees['projectName'])
console.log(employees['poNumber'])

where data has this format:

{"id":1,"name": "john doe", "project":"[object Object]"}

and project looks like:

"project": [
     {
        "projectName": "proj1",
        "poNumber": "1"
     }
]

But I get this error

ERROR SyntaxError: Unexpected token o in JSON at position 1

Where am I mistaking? Thank you for your time!

EDIT: I understood why I get this error, because my data is already an object and there is no need to use JSON.parse(), but my code is still not working because I get the error:

core.js:1671 ERROR TypeError: Cannot read property 'forEach' of undefined

This is how my entry looks into my database, I posted it using postman, but project has the format I wrote in my question. — Tenzolinho
– Tenzolinho, Commented Sep 17, 2018 at 12:50
Can you add console in element and post consoled data into your question. — Shashikant Devani
– Shashikant Devani, Commented Sep 17, 2018 at 12:50
use JSON.parse(data.project). //logic and check project list is valid or not. ie. it is properly formatted or not using JSON.stringify() — Amol Bhor
– Amol Bhor, Commented Sep 17, 2018 at 13:02

Aagam Jain · Accepted Answer · 2018-09-17 12:48:43Z

3

Your Json String is not valid and is not stringified by JSON.stringify() instead it was stringified by toString method, otherwise nested objects were stringified properly.

answered Sep 17, 2018 at 12:48

Aagam Jain

1,5561 gold badge10 silver badges20 bronze badges

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

1 Comment

Tenzolinho Over a year ago

Thank you, you made me realize what I did wrong. I have to save the data first with JSON.stringify(x)

Tenzolinho · Accepted Answer · 2018-09-18 11:36:11Z

2

The problem was that I didn't parse the right thing. Here is the correct snippet:

let p = JSON.parse(data.project);

  this.employees.push({
  projectName: p.projectName,
  poNumber: p.poNumber
})

Thank you everyone for help! Every answer of you was right.

answered Sep 18, 2018 at 11:36

Tenzolinho

1,0023 gold badges18 silver badges41 bronze badges

Comments

Shashikant Devani · Accepted Answer · 2018-09-17 12:53:43Z

1

Try like this :

JSON.parse(data).array.forEach(element => {
  this.employees.push({
    projectName: element.project.projectName,
    poNumber: element.project.poNumber
  })
})

answered Sep 17, 2018 at 12:53

Shashikant Devani

2,4641 gold badge15 silver badges29 bronze badges

Comments

Jignesh Raval · Accepted Answer · 2018-09-17 13:35:40Z

I was getting same error in JSON format, but after validating it on online JSON validator it seems perfect. On the basis of that I have created following example which shows two diffrent ways to get data in your "employees" array.

I hope this will be helpful.

let data = {
	"id":1,"name":"john doe",
  "project":[
        {
		"projectName": "proj1",
		"poNumber": "1"
	},
        {
		"projectName": "proj2",
		"poNumber": "2"
	}
    ]
};

let employees = [];


Object.keys(data).map(key => {
    if(key === 'project') {
        // Method 1
        // ===========================
        data[key].map(obj => {
            employees.push(obj);
        });
        
        // Method 2 : Shorter method
        // ===========================
        employees.push(...data[key]);
    }
});

console.log('Employees :', employees);

Thanks, Jignesh Raval

Sanoj_V · Accepted Answer · 2018-09-17 13:03:49Z

0

JSON.parse(data).array.forEach(element => {
     this.employees.push({
        projectName: element.project.projectName,
        poNumber: element.project.poNumber
     })
});

edited Sep 17, 2018 at 13:03

Sanoj_V

2,9961 gold badge14 silver badges33 bronze badges

answered Sep 17, 2018 at 12:54

sabrine abdelkebir

834 bronze badges

1 Comment

Narendra Jadhav Over a year ago

A good answer has a better explanation How do I write a good answer?

Collectives™ on Stack Overflow

parse [object Object] Angular 6

5 Answers 5

1 Comment

Comments

Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

1 Comment

Related