Converting Json Object array Values to a single array

Question

Good day

I am trying to use an autocomplete jquery framework.. buy my problem is how can i get my objects either from a json file or just a quick typed json object like the below and get all the Object.values(arry) to a single array like below..

["samue", "anthon", "Harmony", "Johnson"]

and must be an array.. because auto complete frameworks only works with arrays

const myobj = [
    {
      "name": "samuel",
      "surname": "anthony"
    },
    {
      "name": "Harmony",
      "surname": "Johnson"
    }
  ]

  const file = "json/user.json";

  fetch('file')
  .then(res => res.json())
  .then((data) =>{
      let i = 0;
      const val = Object.values(data[i]);
      if(i < data.length){
        i++;
        const all = Object.values(data[i]);
        console.log(all);
      }

      var input = document.getElementById("countries");
      var awesomplete = new Awesomplete(input, {
          minChars: 1,
          maxItems: 5,
          autoFirst: true
      });
      awesomplete.list = val;

      //wanted array of
      //["samuel", "anthon", "school"]
  })

ellipsis · Accepted Answer · 2019-02-01 09:38:23Z

1

Using reduce

const myobj = [
    {
      "name": "samuel",
      "surname": "anthony"
    },
    {
      "name": "Harmony",
      "surname": "Johnson"
    }
  ]
  console.log(myobj.reduce((acc,e)=>{acc.push(e.name);acc.push(e.surname);return acc},[]))

Using forEach

const myobj = [
    {
      "name": "samuel",
      "surname": "anthony"
    },
    {
      "name": "Harmony",
      "surname": "Johnson"
    }
  ]

var a=[];
myobj.forEach((e)=>{a.push(e.name);a.push(e.surname)})
console.log(a)

edited Feb 1, 2019 at 9:38

answered Feb 1, 2019 at 9:32

ellipsis

12.2k2 gold badges19 silver badges33 bronze badges

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

Comments

Nick Parsons · Accepted Answer · 2019-12-17 08:47:03Z

1

To convert myObj to your desired array you can use .flatMap and Object.values like so:

const myobj = [{
    "name": "samuel",
    "surname": "anthony"
  },
  {
    "name": "Harmony",
    "surname": "Johnson"
  }
];

const res = myobj.flatMap(Object.values);
console.log(res);

However, do note. flatMap is not available in all browsers and so it doesn't have the best browser compatibility.

If you cannot use .flatMap you can use .reduce and destructing assignment as an alternative:

const myobj = [{
    "name": "samuel",
    "surname": "anthony"
  },
  {
    "name": "Harmony",
    "surname": "Johnson"
  }
];

const res = myobj.reduce((acc, {name, surname}) => [...acc, name, surname], []);
console.log(res);

edited Dec 17, 2019 at 8:47

answered Feb 1, 2019 at 9:31

Nick Parsons

51.7k6 gold badges62 silver badges80 bronze badges

Comments

Maheer Ali · Accepted Answer · 2019-02-01 09:37:14Z

0

You can push() Object.values(obj) into desire array using ... spread operator

const myobj = [
    {
      "name": "samuel",
      "surname": "anthony"
    },
    {
      "name": "Harmony",
      "surname": "Johnson"
    }
  ]
let arr = []
myobj.forEach(obj=> arr.push(...Object.values(obj)));
console.log(arr);

answered Feb 1, 2019 at 9:37

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

Comments

Sam Mckay · Accepted Answer · 2019-02-01 09:40:48Z

0

You could use the Array.map() method

An example use case might be:

const oldArr = [
    {
      "name": "Samuel",
      "surname": "anthony"
    },
    {
      "name": "Harmony",
      "surname": "Johnson"
    }
 ]

const newArr = oldArr.map(x => x.name) // ['Samuel', 'Harmony']

answered Feb 1, 2019 at 9:40

Sam Mckay

713 bronze badges

Comments

behzad besharati · Accepted Answer · 2019-02-01 10:06:13Z

0

The Flatten Object:

const myobj = [{
"name": "samuel",
"surname": "anthony"
  },
  {
"name": "Harmony",
"surname": "Johnson"
  }
];

var flatten=myobj.reduce((arr, v)=> [...arr,...[v.name,v.surname]],[]);
console.log(flatten);

edited Feb 1, 2019 at 10:06

answered Feb 1, 2019 at 9:45

behzad besharati

7,0103 gold badges21 silver badges23 bronze badges

Collectives™ on Stack Overflow

Converting Json Object array Values to a single array

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related