/ 设置 10 秒超时 // 每日统计清 0 runtime_set('todaycomments', 0); runtime_set('todayarticles', 0); runtime_set('todayusers', 0); if ($forumlist) { $fidarr = array(); foreach ($forumlist as $fid => $forum) { $fidarr[] = $forum['fid']; } forum_update($fidarr, array('todayposts' => 0, 'todaythreads' => 0)); } // 清理临时附件 attach_gc(); // 当天24点 $today = strtotime(date('Ymd')) + 86400; runtime_set('cron_2_last_date', $today, TRUE); // 往前推8个小时，尽量保证在前一天 升级过来和采集的数据会很卡 // table_day_cron($time - 8 * 3600); cache_delete('cron_lock_2'); } } } ?>javascript - React - convert object into array of objects with properties - Stack Overflow|Concepts Of Algorithm
  2. Algorithm
  3. javascript - React - convert object into array of objects with properties - Stack Overflow

javascript - React - convert object into array of objects with properties - Stack Overflow

admin2025-04-03  2

I have the following object 

"data":{  
         "name 1":"a",
          "name 2":"b",
          "name 3":"b",
        },

How can I convert to array of objects that will keep both the name and data "a", "b" so I can map and render poents for each one passing in the both the name and data?

I have the following object 

"data":{  
         "name 1":"a",
          "name 2":"b",
          "name 3":"b",
        },

How can I convert to array of objects that will keep both the name and data "a", "b" so I can map and render poents for each one passing in the both the name and data?

  • javascript
  • reactjs
Share Improve this question edited Jun 7, 2018 at 12:09 Red 7,34410 gold badges52 silver badges95 bronze badges asked Jun 7, 2018 at 11:59 AlmogAlmog 2,8477 gold badges35 silver badges71 bronze badges 3
  • 3 Please add the desired output – Nikhil Aggarwal Commented Jun 7, 2018 at 11:59
  • What's the expected output, or rather how do you plan to structure the result? Regardless, the solution most likely involves Object.keys() – ionizer Commented Jun 7, 2018 at 12:07
  • I need to pass both the left and right data, if I use object keys I only get the data like b or a but I also need name 1 or name 2 with it – Almog Commented Jun 7, 2018 at 12:24
Add a ment  | 

4 Answers 4

Reset to default 5

If you use a reduce function you can do the following to achieve your goal

Object.keys(data).reduce((array, key) => {
    return [...array, {key: data[key]}]
}, [])

Reduce is a cool function that iterates and bine data into one single item (could be 1 object, array, integer, etc).

Object.keys() is a way to get each key from the current object and be able to iterate over each.

The solution provided by Tall Paul will work perfectly but you can also use Object.entries(). It states that

The Object.entries() method returns an array of a given object's own enumerable property [key, value] pairs, in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).

so you can try something like this

let result = Object.entries(data);
result.map((item, index)=>{
      console.log('key is:- ', item[0], ' and value is:- ', item[1]); 
});

you can get all the keys in the object in an array using Object.keys function and use map function to get the desired output.

This will convert to array of objects that will keep both the name and data.

var data = {  
          "name 1":"a",
          "name 2":"b",
          "name 3":"b",
}
var res = Object.keys(data).map(function(name){
	var obj = {};
	obj[name] = data[name];
	return obj;
});

console.log(res);

js native method u can use;

var data = {  
     "name 1":"a",
      "name 2":"b",
      "name 3":"b",
    };
    var newObj = [...Object.values(data), ...Object.keys(data)]
    console.log(newObj)

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1743621806a213696.html

javascriptReactconvert object into array of objects with propertiesStack Overflow

最新回复(0)