Mapping Object to convert object to array

Arrow functions are like functions, but with a different syntax. Normal functions use the syntax

function(x, y){
    return x + y;
}

Arrow functions use the one-line syntax

(x, y) => x + y

or the multi-line syntax

(x, y) => {
    return x + y;
}

In your example,

return Object.keys(obj).map(k => [k, obj[k]]);

translates to

return Object.keys(obj).map(function(k) {
    return [k, obj[k]];
});

since the function takes one parameter k (before the arrow) and returns [k, obj[i]] (after the arrow).

It should be so

var obj = {
	name: 'Holly',
	age: 35,
	role: 'producer'
};


function convertObjectToList(obj) {

	return Object.keys(obj).map(function (k) {
		return [k, obj[k]];
	})
}
convertObjectToList(obj);

When using arrow function you could avoid the return statement if the arrow function contains only one line. So when using regular function you need to return manually

var obj = {
  name: 'Holly',
  age: 35,
  role: 'producer'
};

function convertObjectToList(obj) {
  return Object.keys(obj).map(function(k) {
    return [k, obj[k]]
  });
}

var result = convertObjectToList(obj);
console.log(result);

Object.keys returns an array which elements are strings corresponding to the enumerable properties found directly in obj. The order of properties is the same as that given by manually cycling on the properties of the object.

    var arr = ["a", "b", "c"];
alert(Object.keys(arr)); // chiama alert con argomento "0,1,2"

// array like object
var obj = { 0 : "a", 1 : "b", 2 : "c"};
alert(Object.keys(obj)); // chiama alert con argomento "0,1,2"

Assuming you are passing your object , the map is built likethis, that's your result.

function objToStrMap(obj) {
    const strMap = new Map();
    for (const k of Object.keys(obj)) {
        strMap.set(k, obj[k]);
    }
    return strMap;
}

In your code try this change

function convertObjectToList(obj) {
 Object.keys(obj).map(function(key){
     return [key, obj[key]];  //obj = [key, obj[key]];
 });

}

You need to understand how the map function works to see what you did wrong. The map function takes a callback function which we would refer to as The Mapper. This function accepts each item in the array, does some manipulation on it, and returns the result of the manipulation. The map function itself loops over the array, and passes a single item each time to the mapper, and then adds the result to a NEW array.

Here is an implementation of the map function using a good old for loop:

function customMap(array, mapper) {
  var result = [];
  for (int i = 0; i < array.length; i++) {
    var temp = mapper(array[i]);
    result.push(temp);
  }
  return result;
}

Now we can compare this implementation to your function, and see what you did wrong:

1. Your mapper function did not return anything. Therefore, in the implementation above, the value of temp would be undefined, and would be pushed as such to the result array.
2. You tried to apply the mapper to the entire obj object, instead of each item in the keys array. By doing so, you change the value of obj variable, and therefore lost its content after the first iteration.
3. Your convertObjectToList itself did no return anything, so there's nothing to display at the end.

To fix this, you can use the following:

var obj = {
  name: 'Holly',
  age: 35,
  role: 'producer'
};


function convertObjectToList(obj) {
 return Object.keys(obj).map(function(key) {
   var temp = [key, obj[key]];
   console.log('current item: ', temp);
   return temp;
 });
}

var result = convertObjectToList(obj);
console.log('final result: ', result);

And finally, there's no need to apologize for being a noob - we all start as such.