Randomize JavaScript Array of Objects Based on Certain Key

Question

I have a JavaScript array similar to this:

arrTest = [
  {qId: 1, text:"test a", order: 1},
  {qID: 2, text:"test b", order: 2},
  {qID: 3, text:"test c", order: 3},
  {qID: 4, text:"test d", order: 4}
];

I would like to randomize just the order key so that all other keys remain the same and the original order of the array stays as is:

arrTest = [
  {qId: 1, text:"test a", order: 3},
  {qID: 2, text:"test b", order: 1},
  {qID: 3, text:"test c", order: 4},
  {qID: 4, text:"test d", order: 2}
];

I have found lots or randomize array discussions and functions, but can't seem to find one that targets a specific key and leaves everything else the same.

Any assistance is appreciated.

Thank you!

You're using an array (which is inherently ordered)... why not order the objects using their index and dump the ordering by key? — chazsolo
– chazsolo, Commented Mar 28, 2018 at 17:19

Nina Scholz · Accepted Answer · 2018-03-28 17:24:25Z

2

You could map order and take a random value for assignment back to the property.

var arrTest = [{ qId: 1, text:"test a", order: 1 }, { qID: 2, text:"test b", order: 2 }, { qID: 3, text:"test c", order: 3 }, { qID: 4, text:"test d", order: 4 }],
    random = arrTest.map(({ order }) => order);
    
arrTest.forEach(o => o.order = random.splice(Math.floor(Math.random() * random.length), 1)[0]);

console.log(arrTest);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Mar 28, 2018 at 17:24

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

zfrisch Over a year ago

Nice trick using splice! I had virtually the same answer but I was stuck on removing the already assigned from the array. As an aside you can use 0| Math.random() * random.length instead of Math.floor, but that definitely doesn't help readability.

Mark Over a year ago

I ended up using something very similar to your code above. I liked the .splice() of the random array to ultimately make the order random. Thanks!

Ori Drori · Accepted Answer · 2018-03-28 17:42:36Z

0

Extract the order using Array.map(), shuffle (taken from this answer) the order array, and Array.map() the original array with the new order:

const arrTest = [{"qId":1,"text":"test a","order":1},{"qID":2,"text":"test b","order":2},{"qID":3,"text":"test c","order":3},{"qID":4,"text":"test d","order":4}];

function shuffle(array) {
  for (let i = array.length - 1; i > 0; i--) {
      let j = Math.floor(Math.random() * (i + 1));
      [array[i], array[j]] = [array[j], array[i]];
  }
  
  return array;
}

const result = shuffle(arrTest.map((o) => o.order))
  .map((order, i) => ({
    ...arrTest[i],
    order
  }));
  
console.log(result);

edited Mar 28, 2018 at 17:42

answered Mar 28, 2018 at 17:22

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Comments

bladekp · Accepted Answer · 2018-03-28 17:47:20Z

0

For such task I would make a usage of lodash library (https://lodash.com/docs), it has many nice features, personally I attach this lib to every javascript project Im doing. Here is sample solution:

_(arrTest)
   .map(element => element.order)
   .shuffle()
   .each( (order, index) => arrTest[index].order = order);

console.log(arrTest);

answered Mar 28, 2018 at 17:47

bladekp

1,67727 silver badges31 bronze badges

Collectives™ on Stack Overflow

Randomize JavaScript Array of Objects Based on Certain Key

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related