Javascript: Parse JSON to Array of Strings

Question

I have below JSON defined in the below manner of set, key and value.

[{
    "set1": {
        "key1": "value1"
    },
    "set2": {
        "key2": "value2"
    },
    "set3": {
        "key3": "value3"
    },
    "set4": {
        "key4": "value4"
    } 
}]

I would like to know how do I use plain/native javascript to get the array of strings in the below manner which consists of only various values.

["value1","value2","value3","value4"]

I have tried using Object.keys and Object.values but still no luck. It would be helpful to know how to handle it in plain javascript and not use any third party libraries.

Do you want to remove duplicates or only to display all values? — NeNaD
– NeNaD, Commented May 4, 2021 at 4:36

Miheo · Accepted Answer · 2021-05-04 07:44:58Z

4

A solution:

const data = {
  "set1": {
    "key1": "value1"
  },
  "set2": {
    "key2": "value2"
  },
  "set3": {
    "key3": "value3"
  },
  "set4": {
    "key4": "value4"
  }
}
var result = Object.keys(data).map(_ => Object.values(data[_])[0]);
console.log(result);

This outputs [ 'value1', 'value2', 'value3', 'value4' ]

edited May 4, 2021 at 7:44

Miheo

5139 silver badges19 bronze badges

answered May 4, 2021 at 4:15

Cristián Ormazábal

1,5421 gold badge13 silver badges21 bronze badges

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

2 Comments

Kishan Chaitanya Over a year ago

thanks so much, it does work :) but how about if i get the json in a array like [data]

Cristián Ormazábal Over a year ago

In your example data is an array with a single entry. If that is the general case, you could use data[0]... Otherwise, you could iterate over the items of that array.

loop · Accepted Answer · 2021-09-17 07:28:03Z

2

const data = [{
  "set1": {
    "key1": "value1"
  },
  "set2": {
    "key2": "value2"
  },
  "set3": {
    "key3": "value3"
  },
  "set4": {
    "key4": "value4"
  }
}]

console.log(data.reduce((values, o) => {
  Object.values(o).forEach(v =>
    values.push(...Object.values(v)));
  return values;
}, []));

// Or a more streamined version:

console.log(data.reduce((v, o) => v.concat(
Object.values(o).reduce((v, o) => v.concat(
Object.values(o))
, []))
, []));

edited Sep 17, 2021 at 7:28

answered May 4, 2021 at 4:38

loop

1,0238 silver badges17 bronze badges

Comments

NeNaD · Accepted Answer · 2021-05-04 05:06:07Z

1

This will cover the case with multiple array objects.

let data_array = [
    {
    "set1": {
        "key1": "value1"
    },
    "set2": {
        "key2": "value2"
    },
    "set3": {
        "key3": "value3"
    },
    "set4": {
        "key4": "value4"
    } 
    },
  {
    "set5": {
        "key1": "value5"
    },
    "set6": {
        "key2": "value1"
    },
    "set7": {
        "key3": "value2"
    },
    "set8": {
        "key4": "value3"
    } 
    }
];

let result =  data_array.reduce((accumulator, currentValue)=> {
    accumulator.push(...Object.keys(currentValue).map((key) => Object.values(currentValue[key])[0]));
  return accumulator;
}, []);

console.log(result)

edited May 4, 2021 at 5:06

answered May 4, 2021 at 4:45

NeNaD

20.8k11 gold badges64 silver badges118 bronze badges

Collectives™ on Stack Overflow

Javascript: Parse JSON to Array of Strings

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related