JSFiddle - React, Tailwind, and code Playground

by Touqeer Shafi

JavaScript

data = {
  "dataSource": [
    {
      "key": "title",
      "data": [
        {
          "name": "Alex Frye",
          "number": "(509) 571-2331",
          "image": "https://i.imgur.com/K3KJ3w4h.jpg",
          "isSelected": false
        },
        {
          "name": "Alex Frye",
          "number": "(509) 571-2331",
          "image": "https://i.imgur.com/K3KJ3w4h.jpg",
          "isSelected": false
        }
      ]
    },
    {
      "key": "title",
      "data": [
        {
          "name": "Alex Frye",
          "number": "(509) 571-2331",
          "image": "https://i.imgur.com/K3KJ3w4h.jpg",
          "isSelected": false
        },
        {
          "name": "Alex Frye",
          "number": "(509) 571-2331",
          "image": "https://i.imgur.com/K3KJ3w4h.jpg",
          "isSelected": false
        }
      ]
    }
  ]
}

// Using Map you can also acheive this:
/*data.dataSource.map(function($item, $index){
	$item.data.map(function($item) {
  		$item.newKey = "Touqeer"
      return $item;
  })
  return $item;
});
*/

data.dataSource.forEach(function($item, $index){
	$item.data.forEach(function($item) {
  		$item.newKey = "Touqeer"
      return $item;
  })
  return $item;
});

console.log(data);