Question

我试图将对象文字键值对更改为数组数组。

例如这个

＆＃13;

var d = {
  rhino: 'mozilla',
  chrome: 8,
  engine: 'v8'
}

function objToArray(obj) {
  var arr = [];
  for (var k in obj) {
    arr.push(obj[k]);
  }
  return arr;
}

var result = objToArray(d);
console.log(result)

＆＃13;

应该归还这个 [['rhino', 'mozilla'], ['chrome', 8], ['engine', 'v8']]

如何编写函数来执行此操作？优选没有循环。

Answer 1

使用Object.keys和Array#map方法。

您的方法已更新

var d = {
  rhino: 'mozilla',
  chrome: 8,
  engine: 'v8'
}

function objToArray(obj) {
  var arr = [];
  for (var k in obj) {
    arr.push([k,obj[k]]);
  }
  return arr;
}

var result = objToArray(d);
console.log(result)

ES5

var obj = {
  rhino: 'mozilla',
  chrome: 8,
  engine: 'v8'
};

var res = Object.keys(obj).map(function(k) {
  return [k, obj[k]]
});

console.log(res);

ES6

var obj = {
  rhino: 'mozilla',
  chrome: 8,
  engine: 'v8'
};

var res = Object.keys(obj).map(x=>[x, obj[x]]);

console.log(res);

仅供参考：由于对象属性没有任何顺序，因此可能会更改结果数组顺序。

Answer 2

虽然对象的键没有顺序，但我建议使用数组保存顺序，并使用Array#map映射值。

＆＃13;

var object = { rhino: 'mozilla', chrome: 8, engine: 'v8' }, 
    keys = ['rhino', 'chrome', 'engine'],
    result = keys.map(function (key) {
        return [key, object[key]];
    });
                      
 console.log(result);

＆＃13;

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

＆＃13;

ES6

＆＃13;

var object = { rhino: 'mozilla', chrome: 8, engine: 'v8' }, 
    keys = ['rhino', 'chrome', 'engine'],
    result = keys.map(key => [key, object[key]]);
                      
 console.log(result);

＆＃13;

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

＆＃13;

Answer 3

将_.zip与lodash 4一起使用。

function objToArray(obj) {
  if(!obj || typeof obj !== 'object') {
    return false;
  }
  return _.zip(_.keys(obj), _.values(obj));
}

查看工作版：http://jsbin.com/qokisoqapu/edit?js,console

Answer 4

你可以做这样的事情

检查此代码段

＆＃13;

var obj = {
  rhino: 'mozilla',
  chrome: 8,
  engine: 'v8'
}
var arr = Object.keys(obj).map(function(key) {
  return [key, obj[key]];
});

console.log(arr);

＆＃13;

希望有所帮助

Answer 5

＆＃13;

var d = {
  rhino: 'mozilla',
  chrome: 8,
  engine: 'v8'
}

function objToArray(obj) {
  var arr = [];
  for (var k in obj) {
    var ls = [k,obj[k]];
    arr.push(ls);
  }
  return arr;
}

var result = objToArray(d);
console.log(result)

＆＃13;

将对象文字更改为多维数组

5 个答案:

您的方法已更新

ES5

ES6