Changing arrays using map in javascript

Question

This is my json object:

{
   "id": 2,
   "service": "mobile",
   "min": "20",
   "per": "10",
   "tax": "1",
   "categoryservices": [
       {
           "category": {
               "id": 1,
               "name": "laptop"
           }
       },
       {
           "category": {
               "id": 2,
               "name": "software"
           }
       }
   ]
}

I want my output like this:

{
   "id": 2,
   "service": "mobile",
   "min": "20",
   "per": "10",
   "tax": "1",
   "cats": [1,2] // this 1 and 2 is coming from categoriesservices array inside the category object i have id
}

How to do this using map function? I am new to javascript, which is good approach map or forloop?

this question is duplicated here is the answer https://stackoverflow.com/questions/19590865/from-an-array-of-objects-extract-value-of-a-property-as-array — Houssein Zouari, Mar 14 '18 at 09:13

Arman Charan · Answer 1 · 2018-03-14T09:37:55.400

See destructuring assignment, Array.prototype.map(), and JSON for more info.

// Input.
const input = {
  "id": 2,
  "service": "mobile",
  "min": "20",
  "per": "10",
  "tax": "1",
  "categoryservices": [
    {
      "category": {
        "id": 1,
        "name": "laptop"
      }
    },
    {
      "category": {
         "id": 2,
         "name": "software"
      }
    }
  ]
}

// Categories => Objects to Cats => Ids.
const output = (input) => JSON.parse(JSON.stringify({
  ...input,
  cats: input.categoryservices.map(({category: {id}}) => id),
  categoryservices: undefined
}))

// Log.
console.log(output(input))

score 0 · Answer 2 · answered Mar 14 '18 at 09:37

0

If you are not worried about original object immutability, then try this

obj['cats'] = obj['categoryservices'].map(cat => cat.category.id);
delete obj['categoryservices'];
console.log(obj);

answered Mar 14 '18 at 09:37

prabhatojha

1,925
17
30

score 0 · Answer 3 · answered Mar 14 '18 at 09:47

I just use .map() on categoryservices array:

    var output = {
   "id": 2,
   "service": "mobile",
   "min": "20",
   "per": "10",
   "tax": "1",
   "categoryservices": [
       {
           "category": {
               "id": 1,
               "name": "laptop"
           }
       },
       {
           "category": {
               "id": 2,
               "name": "software"
           }
       }
     ]
    };

    output.cats = output.categoryservices.map((element) => 
    element.category.id);
    delete output.categoryservices;
    console.log(JSON.stringify(output));

score 0 · Answer 4 · answered Mar 14 '18 at 10:00

use .map() , it return value as array ! You want to change is categoryservices key only ! So delete that after you get wanted value ..

var output = {
   "id": 2,
   "service": "mobile",
   "min": "20",
   "per": "10",
   "tax": "1",
   "categoryservices": [
       {
           "category": {
               "id": 1,
               "name": "laptop"
           }
       },
       {
           "category": {
               "id": 2,
               "name": "software"
           }
       }
   ]
};
output.cats = output.categoryservices.map(i => i.category.id );
delete output.categoryservices;
console.log(output);

i am using this code in my then fuction in server side ,so getting this error => " Cannot read property 'map' of undefined " — , Mar 14 '18 at 13:02

score 0 · Answer 5 · answered Mar 14 '18 at 10:04

Try this working demo :

var jsonObj = {
   "id": 2,
   "service": "mobile",
   "min": "20",
   "per": "10",
   "tax": "1",
   "categoryservices": [
       {
           "category": {
               "id": 1,
               "name": "laptop"
           }
       },
       {
           "category": {
               "id": 2,
               "name": "software"
           }
       }
   ]
};

var arr = jsonObj.categoryservices.map(item => item.category.id)

jsonObj.cats = arr;
delete jsonObj.categoryservices;

console.log(jsonObj);

score 0 · Answer 6 · answered Mar 14 '18 at 10:04

Try this

var testData={
    "id": 2,
    "service": "mobile",
    "min": "20",
    "per": "10",
    "tax": "1",
    "categoryservices": [
        {
            "category": {
                "id": 1,
                "name": "laptop"
            }
        },
        {
            "category": {
                "id": 2,
                "name": "software"
            }
        }
    ]
}

testData.cats=[];

testData.categoryservices.forEach(function (item) {

    testData.cats.push(item.category.id);
});

delete testData.categoryservices;
console.log(testData);

score -2 · Answer 7 · answered Mar 14 '18 at 09:19

You can try using jquery each:

    <div id="log"></div>
        var conversation = {
      'John': {
        1: 'Test message 1',
        2: 'Test message 2',
        'Reply': {
          3: 'Test message 3',
          4: 'Test message 4'
        }
      },
      'Jack': {
        5: 'Test message 5',
        6: 'Test message 6'
      }
    };

    function iterate(obj) {
      if (typeof obj === 'string') {
        $('#log').append((obj + '<br/>'));
      }
      if (typeof obj === 'object') {
        $.each(obj, function(key, value) {
          iterate(value);
        });
      }
    }

iterate(conversation);

How is your answer relate with OP's question? – atiq1589 Mar 14 '18 at 09:22 — atiq1589, Mar 14 '18 at 09:22

Changing arrays using map in javascript

7 Answers7

Linked

Related