JavaScript – how to make form String to Array?

I have data const { data: communityData } = useQuery(SEE_ALL_COMMUNITIES_QUERY);

communtyData is Array and it has field named communityName.

if I console.log communityData.communityName[0] then ‘abs‘ comes.

I need to make array looks like below with this ‘abs‘

 [
   { label: "abs", value: "abs" },
   { label: "gsd", value: "gsd" },
 ]

So I use map function.

  const communityNameList = communityData.seeAllCommunities.map(
    (community, index) =>
      `label:${community.communityName}, value:${community.communityName} }`
  );

I console.log communityNameList,

 Array [
  "{ label:abs, value:abs }",
]

As you can see it has " front and behind the each object. And I dont’ know how to put " besides abs.

Please help me

Answer

You don’t want to turn this into an Array but into JSON specifically if you want to get the effect you wrote the map should look like this

const communityNameList = arr.map((community, index) => {
    return {
        "label": community.communityName,
        "value": community.communityName
    };
});