Styjun

How to ask my office to remove the pride decorations without appearing anti-LGBTQ?

What is the meaning of [[:space:]] in bash?

Can I remove the doors before installing a sliding patio doors frame?

Finding the package which provides a given command

Is straight-up writing someone's opinions telling?

Why does FFmpeg choose 10+20+20 ms instead of an even 16 ms for 60 fps GIF images?

How to determine the optimal threshold to achieve the highest accuracy

Did 007 exist before James Bond?

Why isn't aluminium involved in biological processes?

What are "full piece" and "half piece" in chess?

What does it mean to fail a saving throw by 5 or more?

When does Fisher's "go get more data" approach make sense?

Alphanumeric Line and Curve Counting

Fantasy Story About A Boy And Girl That Enter A Fantasy World Pre-1994

Is it rude to refer to janitors as 'floor people'?

Credit card details stolen every 1-2 years. What am I doing wrong?

Investing 30k Euro as a student with basic financial knowledge but lack of time

Do I need a 50/60Hz notch filter for battery powered devices?

I Would Like to Add a Line to a Table Plot with Tikz

Why do candidates not quit if they no longer have a realistic chance to win in the 2020 US presidents election

Unix chat server making communication between terminals possible

What made Windows ME so crash-prone?

Why do so many pure math PhD students drop out or leave academia, compared to applied mathematics PhDs?

Manually select/unselect lines before forwarding to stdout

JSON specific entities to JavaScript array

How do JavaScript closures work?Can comments be used in JSON?What is the correct JSON content type?How to insert an item into an array at a specific index (JavaScript)?What does “use strict” do in JavaScript, and what is the reasoning behind it?How to check whether a string contains a substring in JavaScript?Why does Google prepend while(1); to their JSON responses?How do I remove a particular element from an array in JavaScript?How do I POST JSON data with Curl from a terminal/commandline to Test Spring REST?For-each over an array in JavaScript?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

2

I have a JSON dataset coming from server side like :

[
"id":1, "year":"2001", "magnitude":20,
"id":2, "year":"2020", "magnitude":21,
"id":3, "year":"2040", "magnitude":22
]

I want to convert these data-sets as JavaScript arrays. For example, for year and magnitude in the json. I want these data in Javascript as:

var year = [2001, 2020, 2040];
var magnitude = [20, 21, 22];

I have tried different solutions but getting undefined while I alert to test data. How should I approach to solve this problem?

javascript jquery json

share|improve this question

edited Mar 26 at 8:24

Ibrahim Khan

18.8k77 gold badges2727 silver badges4545 bronze badges

asked Mar 26 at 8:16

Shunjid Rahman ShowrovShunjid Rahman Showrov

3611 silver badge77 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Show your code which got undefined, please.
  
  – Simon.Lay
  Mar 26 at 8:20
  

  
  
  
  

add a comment | 

2

I have a JSON dataset coming from server side like :

[
"id":1, "year":"2001", "magnitude":20,
"id":2, "year":"2020", "magnitude":21,
"id":3, "year":"2040", "magnitude":22
]

I want to convert these data-sets as JavaScript arrays. For example, for year and magnitude in the json. I want these data in Javascript as:

var year = [2001, 2020, 2040];
var magnitude = [20, 21, 22];

I have tried different solutions but getting undefined while I alert to test data. How should I approach to solve this problem?

javascript jquery json

share|improve this question

edited Mar 26 at 8:24

Ibrahim Khan

18.8k77 gold badges2727 silver badges4545 bronze badges

asked Mar 26 at 8:16

Shunjid Rahman ShowrovShunjid Rahman Showrov

3611 silver badge77 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Show your code which got undefined, please.
  
  – Simon.Lay
  Mar 26 at 8:20
  

  
  
  
  

add a comment | 

I have a JSON dataset coming from server side like :

[
"id":1, "year":"2001", "magnitude":20,
"id":2, "year":"2020", "magnitude":21,
"id":3, "year":"2040", "magnitude":22
]

I want to convert these data-sets as JavaScript arrays. For example, for year and magnitude in the json. I want these data in Javascript as:

var year = [2001, 2020, 2040];
var magnitude = [20, 21, 22];

I have tried different solutions but getting undefined while I alert to test data. How should I approach to solve this problem?

javascript jquery json

share|improve this question

edited Mar 26 at 8:24

Ibrahim Khan

18.8k77 gold badges2727 silver badges4545 bronze badges

asked Mar 26 at 8:16

Shunjid Rahman ShowrovShunjid Rahman Showrov

3611 silver badge77 bronze badges

[
"id":1, "year":"2001", "magnitude":20,
"id":2, "year":"2020", "magnitude":21,
"id":3, "year":"2040", "magnitude":22
]

var year = [2001, 2020, 2040];
var magnitude = [20, 21, 22];

share|improve this question

edited Mar 26 at 8:24

Ibrahim Khan

18.8k77 gold badges2727 silver badges4545 bronze badges

asked Mar 26 at 8:16

Shunjid Rahman ShowrovShunjid Rahman Showrov

3611 silver badge77 bronze badges

share|improve this question

edited Mar 26 at 8:24

Ibrahim Khan

18.8k77 gold badges2727 silver badges4545 bronze badges

asked Mar 26 at 8:16

Shunjid Rahman ShowrovShunjid Rahman Showrov

3611 silver badge77 bronze badges

edited Mar 26 at 8:24

Ibrahim Khan

18.8k77 gold badges2727 silver badges4545 bronze badges

edited Mar 26 at 8:24

Ibrahim Khan

18.8k77 gold badges2727 silver badges4545 bronze badges

asked Mar 26 at 8:16

Shunjid Rahman ShowrovShunjid Rahman Showrov

3611 silver badge77 bronze badges

asked Mar 26 at 8:16

Shunjid Rahman ShowrovShunjid Rahman Showrov

3611 silver badge77 bronze badges

6 Answers
6

active

oldest

votes

3

You could take an array of the wanted keys and collect the values in an object. Later destructure the object and get the wanted arrays.

var data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ],
 keys = ['year', 'magnitude'],
 collection = data.reduce((r, o) => 
 keys.forEach(k => r[k].push(o[k]));
 return r;
 , Object.assign(...keys.map(k => ( [k]: [] )))),
 year, magnitude = collection;

console.log(year);
console.log(magnitude);

.as-console-wrapper max-height: 100% !important; top: 0; 

share|improve this answer

answered Mar 26 at 8:21

Nina ScholzNina Scholz

216k1616 gold badges130130 silver badges194194 bronze badges

add a comment | 

2

Just write a function and use map to get a dynamic property.

const data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ]

const getBy = key => data.map(e => e[key])

console.log(getBy('year'))
console.log(getBy('magnitude'))
console.log(getBy('id'))

share|improve this answer

edited Mar 26 at 8:29

answered Mar 26 at 8:21

birdbird

1,25899 silver badges2020 bronze badges

add a comment | 

2

You could use reduce and Object.entries(). Loop through the entries of each object and update the accumulator. This works for any number of properties in the inner objects:

const input=[id:1,year:"2001",magnitude:20,id:2,year:"2020",magnitude:21,id:3,year:"2040",magnitude:22];

let merged = input.reduce((r, a) => 
 Object.entries(a).forEach(([k, v]) => 
 r[k] = r[k] )

 return r;
, )

let id, year, magnitude = merged;

console.log(id)
console.log(year)
console.log(magnitude)

This is what merged looks like:

 "id": [1, 2, 3],
 "year": ["2001", "2020", "2040"],
 "magnitude": [20, 21, 22]

share|improve this answer

edited Mar 26 at 8:32

answered Mar 26 at 8:21

adigaadiga

17.5k66 gold badges2929 silver badges4848 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Clever destructuring here. Definitely an interesting answer.
  
  – briosheje
  Mar 26 at 8:49
  

  
  
  
  

add a comment | 

1

Using the map() method for arrays would be the most modern solution for this task. Basically what it does is return a new array based on the function you provide:

var json = [
 "id":1, "year":"2001", "magnitude":20,
 "id":2, "year":"2020", "magnitude":21,
 "id":3, "year":"2040", "magnitude":22
];
var year = json.map(arr => arr.year);
var magnitude = json.map(arr => arr.magnitude);

share|improve this answer

answered Mar 26 at 8:39

rainh2001rainh2001

2311 silver badge66 bronze badges

add a comment | 

0

Assuming that the name of the object you get from server is 'response'.

var years = response.map(el => el.year);
var magnitudes = response.map(el => el.magnitude);

Here's a sample fiddle: https://jsfiddle.net/gadawag/uye8kmvf/

share|improve this answer

answered Mar 26 at 8:21

noobprogrammernoobprogrammer

17999 bronze badges

add a comment | 

-1

First parse the JSON and then use the map function

const data = '["id":1, "year":"2001", "magnitude":20,"id":2, "year":"2020", "magnitude":21,"id":3, "year":"2040", "magnitude":22]';

const parsed = JSON.parse(data);
const years = parsed.map(item => item.year);
const magnitudes = parsed.map(item => item.magnitude);

console.log('years', years);
console.log('magnitudes', magnitudes);

1) I noted a JSON issue in your example. There was a comma missing after the second item.

2) If you want to parse the years to numbers you can do this:

const years = parsed.map(item => Number.parseInt(item.year, 10));

share|improve this answer

edited Mar 26 at 8:28

answered Mar 26 at 8:23

PatrickPatrick

9911 silver badge77 bronze badges

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55352539%2fjson-specific-entities-to-javascript-array%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

3

You could take an array of the wanted keys and collect the values in an object. Later destructure the object and get the wanted arrays.

var data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ],
 keys = ['year', 'magnitude'],
 collection = data.reduce((r, o) => 
 keys.forEach(k => r[k].push(o[k]));
 return r;
 , Object.assign(...keys.map(k => ( [k]: [] )))),
 year, magnitude = collection;

console.log(year);
console.log(magnitude);

.as-console-wrapper max-height: 100% !important; top: 0; 

share|improve this answer

answered Mar 26 at 8:21

Nina ScholzNina Scholz

216k1616 gold badges130130 silver badges194194 bronze badges

add a comment | 

3

You could take an array of the wanted keys and collect the values in an object. Later destructure the object and get the wanted arrays.

var data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ],
 keys = ['year', 'magnitude'],
 collection = data.reduce((r, o) => 
 keys.forEach(k => r[k].push(o[k]));
 return r;
 , Object.assign(...keys.map(k => ( [k]: [] )))),
 year, magnitude = collection;

console.log(year);
console.log(magnitude);

.as-console-wrapper max-height: 100% !important; top: 0; 

share|improve this answer

answered Mar 26 at 8:21

Nina ScholzNina Scholz

216k1616 gold badges130130 silver badges194194 bronze badges

add a comment | 

You could take an array of the wanted keys and collect the values in an object. Later destructure the object and get the wanted arrays.

var data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ],
 keys = ['year', 'magnitude'],
 collection = data.reduce((r, o) => 
 keys.forEach(k => r[k].push(o[k]));
 return r;
 , Object.assign(...keys.map(k => ( [k]: [] )))),
 year, magnitude = collection;

console.log(year);
console.log(magnitude);

.as-console-wrapper max-height: 100% !important; top: 0; 

share|improve this answer

answered Mar 26 at 8:21

Nina ScholzNina Scholz

216k1616 gold badges130130 silver badges194194 bronze badges

var data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ],
 keys = ['year', 'magnitude'],
 collection = data.reduce((r, o) => 
 keys.forEach(k => r[k].push(o[k]));
 return r;
 , Object.assign(...keys.map(k => ( [k]: [] )))),
 year, magnitude = collection;

console.log(year);
console.log(magnitude);

.as-console-wrapper max-height: 100% !important; top: 0; 

var data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ],
 keys = ['year', 'magnitude'],
 collection = data.reduce((r, o) => 
 keys.forEach(k => r[k].push(o[k]));
 return r;
 , Object.assign(...keys.map(k => ( [k]: [] )))),
 year, magnitude = collection;

console.log(year);
console.log(magnitude);

.as-console-wrapper max-height: 100% !important; top: 0; 

var data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ],
 keys = ['year', 'magnitude'],
 collection = data.reduce((r, o) => 
 keys.forEach(k => r[k].push(o[k]));
 return r;
 , Object.assign(...keys.map(k => ( [k]: [] )))),
 year, magnitude = collection;

console.log(year);
console.log(magnitude);

.as-console-wrapper max-height: 100% !important; top: 0; 

share|improve this answer

answered Mar 26 at 8:21

Nina ScholzNina Scholz

216k1616 gold badges130130 silver badges194194 bronze badges

answered Mar 26 at 8:21

Nina ScholzNina Scholz

216k1616 gold badges130130 silver badges194194 bronze badges

answered Mar 26 at 8:21

Nina ScholzNina Scholz

216k1616 gold badges130130 silver badges194194 bronze badges

2

Just write a function and use map to get a dynamic property.

const data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ]

const getBy = key => data.map(e => e[key])

console.log(getBy('year'))
console.log(getBy('magnitude'))
console.log(getBy('id'))

share|improve this answer

edited Mar 26 at 8:29

answered Mar 26 at 8:21

birdbird

1,25899 silver badges2020 bronze badges

add a comment | 

2

Just write a function and use map to get a dynamic property.

const data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ]

const getBy = key => data.map(e => e[key])

console.log(getBy('year'))
console.log(getBy('magnitude'))
console.log(getBy('id'))

share|improve this answer

edited Mar 26 at 8:29

answered Mar 26 at 8:21

birdbird

1,25899 silver badges2020 bronze badges

add a comment | 

Just write a function and use map to get a dynamic property.

const data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ]

const getBy = key => data.map(e => e[key])

console.log(getBy('year'))
console.log(getBy('magnitude'))
console.log(getBy('id'))

share|improve this answer

edited Mar 26 at 8:29

answered Mar 26 at 8:21

birdbird

1,25899 silver badges2020 bronze badges

const data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ]

const getBy = key => data.map(e => e[key])

console.log(getBy('year'))
console.log(getBy('magnitude'))
console.log(getBy('id'))

const data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ]

const getBy = key => data.map(e => e[key])

console.log(getBy('year'))
console.log(getBy('magnitude'))
console.log(getBy('id'))

const data = [ id: 1, year: "2001", magnitude: 20 , id: 2, year: "2020", magnitude: 21 , id: 3, year: "2040", magnitude: 22 ]

const getBy = key => data.map(e => e[key])

console.log(getBy('year'))
console.log(getBy('magnitude'))
console.log(getBy('id'))

share|improve this answer

edited Mar 26 at 8:29

answered Mar 26 at 8:21

birdbird

1,25899 silver badges2020 bronze badges

answered Mar 26 at 8:21

birdbird

1,25899 silver badges2020 bronze badges

answered Mar 26 at 8:21

birdbird

1,25899 silver badges2020 bronze badges

2

You could use reduce and Object.entries(). Loop through the entries of each object and update the accumulator. This works for any number of properties in the inner objects:

const input=[id:1,year:"2001",magnitude:20,id:2,year:"2020",magnitude:21,id:3,year:"2040",magnitude:22];

let merged = input.reduce((r, a) => 
 Object.entries(a).forEach(([k, v]) => 
 r[k] = r[k] )

 return r;
, )

let id, year, magnitude = merged;

console.log(id)
console.log(year)
console.log(magnitude)

This is what merged looks like:

 "id": [1, 2, 3],
 "year": ["2001", "2020", "2040"],
 "magnitude": [20, 21, 22]

share|improve this answer

edited Mar 26 at 8:32

answered Mar 26 at 8:21

adigaadiga

17.5k66 gold badges2929 silver badges4848 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Clever destructuring here. Definitely an interesting answer.
  
  – briosheje
  Mar 26 at 8:49
  

  
  
  
  

add a comment | 

2

You could use reduce and Object.entries(). Loop through the entries of each object and update the accumulator. This works for any number of properties in the inner objects:

const input=[id:1,year:"2001",magnitude:20,id:2,year:"2020",magnitude:21,id:3,year:"2040",magnitude:22];

let merged = input.reduce((r, a) => 
 Object.entries(a).forEach(([k, v]) => 
 r[k] = r[k] )

 return r;
, )

let id, year, magnitude = merged;

console.log(id)
console.log(year)
console.log(magnitude)

This is what merged looks like:

 "id": [1, 2, 3],
 "year": ["2001", "2020", "2040"],
 "magnitude": [20, 21, 22]

share|improve this answer

edited Mar 26 at 8:32

answered Mar 26 at 8:21

adigaadiga

17.5k66 gold badges2929 silver badges4848 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Clever destructuring here. Definitely an interesting answer.
  
  – briosheje
  Mar 26 at 8:49
  

  
  
  
  

add a comment | 

You could use reduce and Object.entries(). Loop through the entries of each object and update the accumulator. This works for any number of properties in the inner objects:

const input=[id:1,year:"2001",magnitude:20,id:2,year:"2020",magnitude:21,id:3,year:"2040",magnitude:22];

let merged = input.reduce((r, a) => 
 Object.entries(a).forEach(([k, v]) => 
 r[k] = r[k] )

 return r;
, )

let id, year, magnitude = merged;

console.log(id)
console.log(year)
console.log(magnitude)

This is what merged looks like:

 "id": [1, 2, 3],
 "year": ["2001", "2020", "2040"],
 "magnitude": [20, 21, 22]

share|improve this answer

edited Mar 26 at 8:32

answered Mar 26 at 8:21

adigaadiga

17.5k66 gold badges2929 silver badges4848 bronze badges

const input=[id:1,year:"2001",magnitude:20,id:2,year:"2020",magnitude:21,id:3,year:"2040",magnitude:22];

let merged = input.reduce((r, a) => 
 Object.entries(a).forEach(([k, v]) => 
 r[k] = r[k] )

 return r;
, )

let id, year, magnitude = merged;

console.log(id)
console.log(year)
console.log(magnitude)

 "id": [1, 2, 3],
 "year": ["2001", "2020", "2040"],
 "magnitude": [20, 21, 22]

const input=[id:1,year:"2001",magnitude:20,id:2,year:"2020",magnitude:21,id:3,year:"2040",magnitude:22];

let merged = input.reduce((r, a) => 
 Object.entries(a).forEach(([k, v]) => 
 r[k] = r[k] )

 return r;
, )

let id, year, magnitude = merged;

console.log(id)
console.log(year)
console.log(magnitude)

const input=[id:1,year:"2001",magnitude:20,id:2,year:"2020",magnitude:21,id:3,year:"2040",magnitude:22];

let merged = input.reduce((r, a) => 
 Object.entries(a).forEach(([k, v]) => 
 r[k] = r[k] )

 return r;
, )

let id, year, magnitude = merged;

console.log(id)
console.log(year)
console.log(magnitude)

share|improve this answer

edited Mar 26 at 8:32

answered Mar 26 at 8:21

adigaadiga

17.5k66 gold badges2929 silver badges4848 bronze badges

answered Mar 26 at 8:21

adigaadiga

17.5k66 gold badges2929 silver badges4848 bronze badges

answered Mar 26 at 8:21

adigaadiga

17.5k66 gold badges2929 silver badges4848 bronze badges

1

Using the map() method for arrays would be the most modern solution for this task. Basically what it does is return a new array based on the function you provide:

var json = [
 "id":1, "year":"2001", "magnitude":20,
 "id":2, "year":"2020", "magnitude":21,
 "id":3, "year":"2040", "magnitude":22
];
var year = json.map(arr => arr.year);
var magnitude = json.map(arr => arr.magnitude);

share|improve this answer

answered Mar 26 at 8:39

rainh2001rainh2001

2311 silver badge66 bronze badges

add a comment | 

1

Using the map() method for arrays would be the most modern solution for this task. Basically what it does is return a new array based on the function you provide:

var json = [
 "id":1, "year":"2001", "magnitude":20,
 "id":2, "year":"2020", "magnitude":21,
 "id":3, "year":"2040", "magnitude":22
];
var year = json.map(arr => arr.year);
var magnitude = json.map(arr => arr.magnitude);

share|improve this answer

answered Mar 26 at 8:39

rainh2001rainh2001

2311 silver badge66 bronze badges

add a comment | 

Using the map() method for arrays would be the most modern solution for this task. Basically what it does is return a new array based on the function you provide:

var json = [
 "id":1, "year":"2001", "magnitude":20,
 "id":2, "year":"2020", "magnitude":21,
 "id":3, "year":"2040", "magnitude":22
];
var year = json.map(arr => arr.year);
var magnitude = json.map(arr => arr.magnitude);

share|improve this answer

answered Mar 26 at 8:39

rainh2001rainh2001

2311 silver badge66 bronze badges

var json = [
 "id":1, "year":"2001", "magnitude":20,
 "id":2, "year":"2020", "magnitude":21,
 "id":3, "year":"2040", "magnitude":22
];
var year = json.map(arr => arr.year);
var magnitude = json.map(arr => arr.magnitude);

share|improve this answer

answered Mar 26 at 8:39

rainh2001rainh2001

2311 silver badge66 bronze badges

answered Mar 26 at 8:39

rainh2001rainh2001

2311 silver badge66 bronze badges

answered Mar 26 at 8:39

rainh2001rainh2001

2311 silver badge66 bronze badges

0

Assuming that the name of the object you get from server is 'response'.

var years = response.map(el => el.year);
var magnitudes = response.map(el => el.magnitude);

Here's a sample fiddle: https://jsfiddle.net/gadawag/uye8kmvf/

share|improve this answer

answered Mar 26 at 8:21

noobprogrammernoobprogrammer

17999 bronze badges

add a comment | 

0

Assuming that the name of the object you get from server is 'response'.

var years = response.map(el => el.year);
var magnitudes = response.map(el => el.magnitude);

Here's a sample fiddle: https://jsfiddle.net/gadawag/uye8kmvf/

share|improve this answer

answered Mar 26 at 8:21

noobprogrammernoobprogrammer

17999 bronze badges

add a comment | 

Assuming that the name of the object you get from server is 'response'.

var years = response.map(el => el.year);
var magnitudes = response.map(el => el.magnitude);

Here's a sample fiddle: https://jsfiddle.net/gadawag/uye8kmvf/

share|improve this answer

answered Mar 26 at 8:21

noobprogrammernoobprogrammer

17999 bronze badges

var years = response.map(el => el.year);
var magnitudes = response.map(el => el.magnitude);

share|improve this answer

answered Mar 26 at 8:21

noobprogrammernoobprogrammer

17999 bronze badges

answered Mar 26 at 8:21

noobprogrammernoobprogrammer

17999 bronze badges

answered Mar 26 at 8:21

noobprogrammernoobprogrammer

17999 bronze badges

-1

First parse the JSON and then use the map function

const data = '["id":1, "year":"2001", "magnitude":20,"id":2, "year":"2020", "magnitude":21,"id":3, "year":"2040", "magnitude":22]';

const parsed = JSON.parse(data);
const years = parsed.map(item => item.year);
const magnitudes = parsed.map(item => item.magnitude);

console.log('years', years);
console.log('magnitudes', magnitudes);

1) I noted a JSON issue in your example. There was a comma missing after the second item.

2) If you want to parse the years to numbers you can do this:

const years = parsed.map(item => Number.parseInt(item.year, 10));

share|improve this answer

edited Mar 26 at 8:28

answered Mar 26 at 8:23

PatrickPatrick

9911 silver badge77 bronze badges

add a comment | 

-1

First parse the JSON and then use the map function

const data = '["id":1, "year":"2001", "magnitude":20,"id":2, "year":"2020", "magnitude":21,"id":3, "year":"2040", "magnitude":22]';

const parsed = JSON.parse(data);
const years = parsed.map(item => item.year);
const magnitudes = parsed.map(item => item.magnitude);

console.log('years', years);
console.log('magnitudes', magnitudes);

1) I noted a JSON issue in your example. There was a comma missing after the second item.

2) If you want to parse the years to numbers you can do this:

const years = parsed.map(item => Number.parseInt(item.year, 10));

share|improve this answer

edited Mar 26 at 8:28

answered Mar 26 at 8:23

PatrickPatrick

9911 silver badge77 bronze badges

add a comment | 

First parse the JSON and then use the map function

const data = '["id":1, "year":"2001", "magnitude":20,"id":2, "year":"2020", "magnitude":21,"id":3, "year":"2040", "magnitude":22]';

const parsed = JSON.parse(data);
const years = parsed.map(item => item.year);
const magnitudes = parsed.map(item => item.magnitude);

console.log('years', years);
console.log('magnitudes', magnitudes);

1) I noted a JSON issue in your example. There was a comma missing after the second item.

2) If you want to parse the years to numbers you can do this:

const years = parsed.map(item => Number.parseInt(item.year, 10));

share|improve this answer

edited Mar 26 at 8:28

answered Mar 26 at 8:23

PatrickPatrick

9911 silver badge77 bronze badges

const data = '["id":1, "year":"2001", "magnitude":20,"id":2, "year":"2020", "magnitude":21,"id":3, "year":"2040", "magnitude":22]';

const parsed = JSON.parse(data);
const years = parsed.map(item => item.year);
const magnitudes = parsed.map(item => item.magnitude);

console.log('years', years);
console.log('magnitudes', magnitudes);

const years = parsed.map(item => Number.parseInt(item.year, 10));

const data = '["id":1, "year":"2001", "magnitude":20,"id":2, "year":"2020", "magnitude":21,"id":3, "year":"2040", "magnitude":22]';

const parsed = JSON.parse(data);
const years = parsed.map(item => item.year);
const magnitudes = parsed.map(item => item.magnitude);

console.log('years', years);
console.log('magnitudes', magnitudes);

const data = '["id":1, "year":"2001", "magnitude":20,"id":2, "year":"2020", "magnitude":21,"id":3, "year":"2040", "magnitude":22]';

const parsed = JSON.parse(data);
const years = parsed.map(item => item.year);
const magnitudes = parsed.map(item => item.magnitude);

console.log('years', years);
console.log('magnitudes', magnitudes);

share|improve this answer

edited Mar 26 at 8:28

answered Mar 26 at 8:23

PatrickPatrick

9911 silver badge77 bronze badges

answered Mar 26 at 8:23

PatrickPatrick

9911 silver badge77 bronze badges

answered Mar 26 at 8:23

PatrickPatrick

9911 silver badge77 bronze badges