Convert object to array reactjs and ramda

ramda merge arrays
ramda array to object
ramda ifelse
ramda maybe
ramda map object
ramda lenses
ramda transducer
ramda copy object

Given the following data:

    const state = {
        products: {

        newValues: {
          "1": {
            "product_id": 1,
            "name": "Product 1"
          },
          "2": {
            "product_id": 2,
            "name": "Product 2"
          },
        },
        newValuescat:{
          "61": {
            "category_id": 61,
            "name": "category name"
          }
        }
        }
}

I am new in react and ramda. How to use ramda and which function i have to use to convert in array.


I've stole some code from here: convert Object {} to array [] in javascript

var obj = {"1":5,"2":7,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0,"10":0,"11":0,"12":0}
var result = Object.keys(obj).map(function(key) {
  return [Number(key), obj[key]];
});

This should do it!

This is because React requires you to return an array, not an object. So below is a simple solution, using Ramda to compose 2 functions, values & map:  An array-like object whose value at the supplied index will be replaced. Returns Array A copy of the supplied array-like object with the element at index `idx` replaced with the value returned by applying `fn` to the existing element. Added in v0.14.0. Applies a function to the value at the given index of an array, returning a new copy of


It's not quite clear to me what you want. But here's are two possible solution, based on my best guess:

const makeArrays = R.evolve({products: R.map(R.values)})

const state = {"products": {"newValues": {"1": {"name": "Product 1", "product_id": 1}, "2": {"name": "Product 2", "product_id": 2}}, "newValuescat": {"61": {"category_id": 61, "name": "category name"}}}}

console.log(makeArrays(state))
<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.js"></script>

Applies a function to the value at the given index of an array, returning a new copy of the array with the Converts an object into an array of key, value arrays. Convert Object to Array Example. This section will see how we can convert Object to Array in Angular and Typescript with examples. Typescript Code. Let us assume that you have an object declared multiple properties. First Get the named keys using object.keys() method. This method retrieves keys from the given object and returns an array of keys.


The simple version is:

<div>{R.compose(
  R.values,
  R.map((item: any) => renderYourJsx(item))
 )(this.props.yourData)}</div>

R.values converts your object to an array, then use R.map to map over the array items. You can wrap both these in R.compose and pass your object directly to the compose function.

Hello @craigcosmo ! Your object doesn't have any keys so I'm not sure exactly what you're looking for, but maybe  We can convert an Object {} to an Array [] of key-value pairs using methods discussed below: Method 1: In this method, we will use Object.keys() and map() to achieve this. Approach: By using Object.keys(), we are extracting keys from the Object then this key passed to map() function which maps the key and corresponding value as an array, as


objSize : Get object size; findById : Get object by id; convert : Convert object to array; rangeStep : Create an incrementing or decrementing range of numbers with  A while back I wrote an article that got some traction about converting an Array of Objects to an Object. Today we are going to do the opposite, convert an object to an array of objects. You may be…


Florian Rappl introduces Ramda.js, a powerful toolbox designed with or transform data from a specific property or index of the object or array  Now I got to try it and it does convert the List into an Array but you cannot call for example map on the array since the objects inside are still lazy Realm Objects. One way that works is to call the lodash collection functions _.map(array, ..) .


I think you are looking for _.keyBy (or _.indexBy in older versions) _.keyBy(data, '​rel');. What we do in the snippet above is use reduce, which returns accumulator (obj), to which we append each item in the array using that items id. This will convert our array of objects into an object