w3resource

JavaScript: Create an array of key-value pair arrays from a given object

JavaScript fundamental (ES6 Syntax): Exercise-40 with Solution

Create Key-Value Pair Array from Object

Write a JavaScript program to create an array of key-value pair arrays from a given object.

  • Use Object.entries() to get an array of key-value pair arrays from the given object.

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2
// Define a function 'object_to_pairs' that takes an object 'obj' as input.
const object_to_pairs = obj =>
  // Map over the keys of the object and return an array of key-value pairs.
  Object.keys(obj).map(k => [k, obj[k]]);

// Test the 'object_to_pairs' function with different objects and output the resulting arrays of key-value pairs.
console.log(object_to_pairs({ a: 1, b: 2 })); // Output: [['a', 1], ['b', 2]]
console.log(object_to_pairs({ a: 1, b: 2, c: 3 })); // Output: [['a', 1], ['b', 2], ['c', 3]]

Output:

[["a",1],["b",2]]
[["a",1],["b",2],["c",3]]

Visual Presentation:

JavaScript Fundamental: Create an array of key-value pair arrays from a given object

Flowchart:

flowchart: Create an array of key-value pair arrays from a given object

Live Demo:

See the Pen javascript-basic-exercise-1-40 by w3resource (@w3resource) on CodePen.


For more Practice: Solve these Related Problems:

  • Write a JavaScript program that converts an object’s properties into an array of [key, value] pairs.
  • Write a JavaScript function that maps an object’s own properties to an array of key-value arrays using Object.entries().
  • Write a JavaScript program that filters an object’s keys and creates an array of key-value pairs only for specified keys.

Go to:


PREV : Remove Keys from Object.
NEXT : Object from Key-Value Pairs.

Improve this sample solution and post your code through Disqus

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.